fix deploy

Author: ahmadlufiau

pages/api-example.tsx

@@ -1,7 +1,17 @@
 import { GetServerSideProps } from 'next';
 import React from 'react';
 
-const ApiExample: React.FC<{ data: any; error: string | null }> = ({ data, error }) => {
+interface ApiData {
+  title: string;
+  body: string;
+}
+
+interface ApiExampleProps {
+  data: ApiData | null;
+  error: string | null;
+}
+
+const ApiExample: React.FC<ApiExampleProps> = ({ data, error }) => {
   if (error) {
     return <div>Error: {error}</div>;
   }
@@ -17,13 +27,13 @@ const ApiExample: React.FC<{ data: any; error: string | null }> = ({ data, error
   );
 };
 
-export const getServerSideProps: GetServerSideProps = async () => {
+export const getServerSideProps: GetServerSideProps<ApiExampleProps> = async () => {
   try {
     const response = await fetch('https://jsonplaceholder.typicode.com/posts/1');
     if (!response.ok) {
       throw new Error('Failed to fetch data');
     }
-    const jsonData = await response.json();
+    const jsonData: ApiData = await response.json();
     return {
       props: {
         data: jsonData,
@@ -34,7 +44,7 @@ export const getServerSideProps: GetServerSideProps = async () => {
     return {
       props: {
         data: null,
-        error: error.message,
+        error: error instanceof Error ? error.message : 'Unknown error',
       },
     };
   }