No recibo ningún error al navegar por la página o la URL, pero cuando intento npm run build este error Generating static pages (0/8)TypeError: Cannot read properties of undefined (reading 'blog_slug')

aquí está mi código completo:

También quiero mostrar la página 404 si la URL dinámica no existe. En este momento recibo este error de URL no válida. yo tambien puse

 if (res != 200) { return { notFound: true, }; }

pero no funcionó. aquí está mi código completo:

 export async function getStaticPaths() { const search_url = "https://backendapi.mydomain.com/blog-list/"; const search_result = await fetch(search_url); const search_data = await search_result.json(search_result); const paths = search_data.map((data) => { return { params: { id: data.blog_slug, }, }; }); return { paths, fallback: true, // false or 'blocking' }; } export async function getStaticProps(context) { const id = context.params.id; const res = await fetch(`https://mydomain/blog-api/${id}`); const Blog = await res.json(); const search_url = "https:/mydomain/blog-list/"; const search_result = await fetch(search_url); const search_data = await search_result.json(search_result); if (res != 200) { return { notFound: true, }; } return { props: { data: Blog, search_data: search_data, }, }; }

aquí está mi jsx parece:

 function blog_details({ data, search_data }) { return (<h1>data.blog_slug<h1/) }