Fixed issue that happens on network calls errors out

aliofye · Jan 17, 2025 · 77bb741 · 77bb741
1 parent 81ba184
commit 77bb741
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/packages/web/app/routes/examples.server/components/Example/Example.tsx b/packages/web/app/routes/examples.server/components/Example/Example.tsx
@@ -1,7 +1,7 @@
 import ExampleCodeBlock from '@/web/components/ExampleCodeBlock';
 
 interface ExampleProps {
-  message: string;
+  message: string | null;
 }
 
 const Example: React.FC<ExampleProps> = ({ message }) => {

diff --git a/packages/web/app/routes/examples.server/route.tsx b/packages/web/app/routes/examples.server/route.tsx
@@ -3,12 +3,17 @@ import Example from './components/Example';
 import { getMessage } from './loaders';
 
 export const clientLoader = async () => {
-  const data = await getMessage();
-  return data;
+  try {
+    const { text } = await getMessage();
+    return text;
+  } catch (err) {
+    console.error('Error loading data:', err);
+    return null;
+  }
 };
 
 const ServerExample = ({ loaderData }: Route.ComponentProps) => {
-  const { text } = loaderData;
+  const text = loaderData;
 
   return (
     <div className="content">