Make email API call from client only.

web/app/(main)/emails/components-client.jsx

@@ -8,6 +8,7 @@ import { format, formatDistanceToNow } from 'date-fns';
 
 import { ThreadEntriesSkeleton, Card, ThreadEntryScrollContainer } from './components-server';
 import { useApiCall, useTextApiCall } from '@/lib/api';
+import ClientOnly from '@/components/clientonly';
 
 import './email.css';
 
@@ -117,7 +118,7 @@ export const ThreadEntries = () => {
   const searchParams = useSearchParams();
   const threadId = searchParams.get('id');
   const result = threadId
-    ? <ThreadEntriesFetch threadId={threadId} />
+    ? <ClientOnly><ThreadEntriesFetch threadId={threadId} /></ClientOnly>
     : <ThreadEntriesSkeleton />;
 
   return result;

web/app/(main)/emails/components-server.jsx

@@ -157,14 +157,11 @@ export const ThreadEntriesSkeleton = () => (
 );
 
 
-export const ThreadEntriesSuspenseContainer = async ({ threadId }) => {
-  const session = await auth();
-  return (
-    <Suspense key={threadId} fallback={<ThreadEntriesSkeleton />}>
-      <ThreadEntries userId={session.user.id} />
-    </Suspense>
-  );
-}
+export const ThreadEntriesSuspenseContainer = ({ threadId }) => (
+  <Suspense key={threadId} fallback={<ThreadEntriesSkeleton />}>
+    <ThreadEntries />
+  </Suspense>
+);
 
 
 export const Layout = ({ listComponent, detailComponent }) => (

web/components/clientonly.jsx

@@ -0,0 +1,10 @@
+import dynamic from 'next/dynamic';
+
+const ClientOnly = (props) => {
+  const { children } = props;
+  return children;
+};
+
+export default dynamic(() => Promise.resolve(ClientOnly), {
+  ssr: false,
+});