client: update filterUserOrganizations

packages/client/src/components/organization/switcher/index.tsx

@@ -5,6 +5,7 @@ import { DataRender } from 'components/data-render';
 import { useOrganizationDetail, useUserOrganizations } from 'data/organization';
 import { useRouterQuery } from 'hooks/use-router-query';
 import Link from 'next/link';
+import { useMemo } from 'react';
 
 import styles from './index.module.scss';
 
@@ -17,6 +18,11 @@ export const UserOrganizationsSwitcher = () => {
     loading: userOrganizationsLoading,
     error: userOrganizationsError,
   } = useUserOrganizations();
+  const filterUserOrganizations = useMemo(() => {
+    return userOrganizations && userOrganizations.length
+      ? userOrganizations.filter((org) => org.id !== organizationId)
+      : [];
+  }, [userOrganizations, organizationId]);
 
   return (
     <Dropdown
@@ -28,11 +34,9 @@ export const UserOrganizationsSwitcher = () => {
           normalContent={() => {
             return (
               <Dropdown.Menu>
-                {userOrganizations.length ? (
+                {filterUserOrganizations.length ? (
                   <>
-                    {userOrganizations
-                      .filter((org) => org.id !== organizationId)
-                      .map((org) => {
+                    {filterUserOrganizations.map((org) => {
                       return (
                         <Dropdown.Item key={org.id} style={{ padding: 0 }}>
                           <Link