fix 404 issue on /sentinel/tutorials

src/pages/[productSlug]/tutorials/index.tsx

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 
-import { GetStaticPropsContext } from 'next'
+import { GetStaticPropsContext, GetStaticPropsResult } from 'next'
 import { LearnProductData, LearnProductSlug, ProductSlug } from 'types/products'
 import {
 	getCloudTutorialsViewProps,
@@ -28,19 +28,28 @@ function generateProductTutorialHomePaths() {
 
 export async function getStaticProps({
 	params,
-}: GetStaticPropsContext<{ productSlug: LearnProductSlug }>): Promise<{
-	props: ProductTutorialsViewProps
-}> {
+}: GetStaticPropsContext<{ productSlug: LearnProductSlug }>): Promise<
+	GetStaticPropsResult<ProductTutorialsViewProps>
+> {
 	const productData = cachedGetProductData(params.productSlug)
 
 	/**
 	 * Note: `hcp` is a "product" in Dev Dot but not in Learn,
 	 * so we have to treat it slightly differently.
 	 */
-	const props =
-		productData.slug == 'hcp'
-			? await getCloudTutorialsViewProps()
-			: await getProductTutorialsViewProps(productData as LearnProductData)
+	let props
+	try {
+		const props =
+			productData.slug == 'hcp'
+				? await getCloudTutorialsViewProps()
+				: await getProductTutorialsViewProps(productData as LearnProductData)
+	} catch (e) {
+		if (e.toString() === 'Error: 404 Not Found') {
+			return { notFound: true }
+		} else {
+			throw e
+		}
+	}
 
 	return props
 }