upd

src/components/DesktopCard.tsx

@@ -14,6 +14,7 @@ interface IDesktopCardProps {
 export default function DesktopCard({ server }: IDesktopCardProps) {
   const { setModal, setPosition } = useModalStore();
   const queryClient = useQueryClient();
+  const servers = queryClient.getQueryData<IServer[]>(["servers"]);
 
   // const { mutate: createSession } = useMutation({
   //   mutationFn: () =>
@@ -38,7 +39,7 @@ export default function DesktopCard({ server }: IDesktopCardProps) {
 
   async function handleClickCreateSession() {
     setPosition("right");
-    setModal(<CreateSessionModal servers={[server]} />);
+    setModal(<CreateSessionModal servers={servers} />);
   }
 
   return (

src/components/DesktopSelect.tsx

@@ -5,7 +5,7 @@ import { useClickAway } from "@uidotdev/usehooks";
 import ArrowDownIcon from "./icons/ArrowDownIcon";
 
 interface Props {
-  servers: IServer[];
+  servers: IServer[] | undefined;
   value: IServer | undefined;
   onChange: (server: IServer) => void;
 }
@@ -23,7 +23,7 @@ export default function DesktopSelect({ servers, value, onChange }: Props) {
         onlyIcon
         variant="tertiary"
         className="px-[0.833vw] py-[0.417vw] !justify-between w-full"
-        onClick={() => setIsOpen(!isOpen)}
+        onClick={() => setIsOpen((prev) => !prev)}
       >
         <div className="flex gap-[0.278vw] items-center">
           {value?.name && (
@@ -53,7 +53,7 @@ export default function DesktopSelect({ servers, value, onChange }: Props) {
       </Button>
       {isOpen && (
         <div className="absolute z-1 top-full w-full bg-white rounded-[0.556vw] outline outline-black/10">
-          {servers.map((server) => (
+          {servers?.map((server) => (
             <Button
               key={server.id}
               onlyIcon

src/components/Select.tsx

@@ -20,10 +20,6 @@ export default function Select({ options, onChange }: Props) {
     setIsOpen(false);
   }
 
-  useEffect(() => {
-    console.log(selectedOption);
-  }, [selectedOption]);
-
   useEffect(() => {
     if (selectedOption && !options.includes(selectedOption)) {
       setSelectedOption(undefined);

src/components/modals/CreateSessionModal.tsx

@@ -12,7 +12,7 @@ import { IClient } from "../../types/IClient.ts";
 import useModalStore from "../../stores/useModalStore.ts";
 
 interface Props {
-  servers: IServer[];
+  servers: IServer[] | undefined;
 }
 
 export default function CreateSessionModal({ servers }: Props) {
@@ -124,7 +124,7 @@ export default function CreateSessionModal({ servers }: Props) {
           <div className="flex justify-between items-center">
             <p className="text-[0.972vw]">Стол</p>
             <DesktopSelect
-              servers={servers.filter(
+              servers={servers?.filter(
                 ({ sessions }) =>
                   !sessions ||
                   !sessions.length ||