Fix Infinite loop on invite route (#2866)

2023-12-07 19:26:07 +01:00
parent 5efc2f00b9
commit 6c83953633
5 changed files with 93 additions and 72 deletions
@@ -1,3 +1,4 @@
+import { useCallback } from 'react';
 import { useRecoilCallback } from 'recoil';
 import { v4 as uuidv4 } from 'uuid';

@@ -36,18 +37,19 @@ export const useSnackBar = () => {
            queue: [...prev.queue, newValue] as SnackBarOptions[],
          };
        }),
+    [scopeId],
  );

-  const enqueueSnackBar = (
-    message: string,
-    options?: Omit<SnackBarOptions, 'message' | 'id'>,
-  ) => {
-    setSnackBarQueue({
-      id: uuidv4(),
-      message,
-      ...options,
-    });
-  };
+  const enqueueSnackBar = useCallback(
+    (message: string, options?: Omit<SnackBarOptions, 'message' | 'id'>) => {
+      setSnackBarQueue({
+        id: uuidv4(),
+        message,
+        ...options,
+      });
+    },
+    [setSnackBarQueue],
+  );

  return { handleSnackBarClose, enqueueSnackBar };
 };