fix: return 404 if a fetch error or no data is returned

packages/website/src/components/DocContainer.tsx

@@ -133,7 +133,7 @@ export function DocContainer({
 			{(kind === 'Class' || kind === 'Interface') && (methods?.length || properties?.length) ? (
 				<MediaQuery smallerThan="lg" styles={{ display: 'none' }}>
 					<Aside hiddenBreakpoint="lg" width={{ lg: 250 }} withBorder>
-						<ScrollArea p="xs">
+						<ScrollArea p="xs" offsetScrollbars>
 							<TableOfContentItems properties={properties ?? []} methods={methods ?? []}></TableOfContentItems>
 						</ScrollArea>
 					</Aside>

packages/website/src/components/ParameterTable.tsx

@@ -19,7 +19,7 @@ export function ParameterTable({ data }: { data: ParameterDocumentation[] }) {
 
 	return (
 		<Box>
-			<ScrollArea type="auto">
+			<ScrollArea offsetScrollbars>
 				<Table columns={['Name', 'Type', 'Optional', 'Description']} rows={rows} columnStyles={columnStyles} />
 			</ScrollArea>
 		</Box>

packages/website/src/components/TypeParamTable.tsx

@@ -21,7 +21,7 @@ export function TypeParamTable({ data }: { data: TypeParameterData[] }) {
 
 	return (
 		<Box sx={{ overflowX: 'auto' }}>
-			<ScrollArea type="auto">
+			<ScrollArea offsetScrollbars>
 				<Table
 					columns={['Name', 'Constraints', 'Optional', 'Default', 'Description']}
 					rows={rows}

packages/website/src/pages/docs/[...slug].tsx

@@ -179,7 +179,7 @@ export const getStaticProps: GetStaticProps = async ({ params }) => {
 	} catch {
 		return {
 			props: {
-				error: 'FetchError',
+				notFound: true,
 			},
 		};
 	}

packages/website/src/pages/docs/packages/[package]/index.tsx

@@ -29,6 +29,12 @@ export const getStaticProps: GetStaticProps = async ({ params }) => {
 		// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 		const data: string[] = await res.json();
 
+		if (!data.length) {
+			return {
+				notFound: true,
+			};
+		}
+
 		return {
 			props: {
 				packageName,
@@ -37,10 +43,10 @@ export const getStaticProps: GetStaticProps = async ({ params }) => {
 				},
 			},
 		};
-	} catch (error) {
+	} catch {
 		return {
 			props: {
-				error: 'FetchError',
+				notFound: true,
 			},
 		};
 	}