put home page in a try catch block to handle unauthorised

Author: Roshanjossey

app/page.tsx

@@ -1,20 +1,31 @@
 import { headers } from 'next/headers'
+import Layout from 'src/components/Layout'
+import Login from 'src/components/Login'
 import loadSerializableQuery from 'src/relay/loadSerializableQuery'
 import MainViewQueryNode, { HomeQuery } from '__generated__/HomeQuery.graphql'
 import HomePage from './Home'
 
 const Page = async () => {
   const requestCookie = headers().get('cookie')
-  const preloadedQuery = await loadSerializableQuery<
-    typeof MainViewQueryNode,
-    HomeQuery
-  >(MainViewQueryNode.params, {}, requestCookie ?? '')
+  try {
+    const preloadedQuery = await loadSerializableQuery<
+      typeof MainViewQueryNode,
+      HomeQuery
+    >(MainViewQueryNode.params, {}, requestCookie ?? '')
 
-  return (
-    <div>
-      <HomePage preloadedQuery={preloadedQuery} cookies={requestCookie ?? ''} />
-    </div>
-  )
+    return (
+      <div>
+        <HomePage
+          preloadedQuery={preloadedQuery}
+          cookies={requestCookie ?? ''}
+        />
+      </div>
+    )
+  } catch (e) {
+    if ((e as Error)?.message.includes('Unauthorized')) {
+      return <Layout sidebarContentLeft={<Login />}>Feed goes here.</Layout>
+    }
+  }
 }
 
 export default Page