search filter component

frontend/components/ui/Selector.tsx

@@ -1,4 +1,6 @@
-import React from 'react'
+'use client'
+
+import React, { useState, useEffect } from 'react'
 import Select from 'react-select'
 import { MultiSelectProps } from '@/app/types'
 
@@ -12,6 +14,12 @@ const MultiSelect = ({
   className = '',
   noOptionsMessage = 'Нет доступных опций',
 }: MultiSelectProps) => {
+  const [portalTarget, setPortalTarget] = useState<HTMLElement | null>(null)
+
+  useEffect(() => {
+    setPortalTarget(document.body)
+  }, [])
+
   return (
     <div className={className}>
       {label && (
@@ -103,7 +111,7 @@ const MultiSelect = ({
             },
           }),
         }}
-        menuPortalTarget={document.body}
+        menuPortalTarget={portalTarget}
         menuPosition="fixed"
       />
     </div>