diff --git a/app/Bug.jsx b/app/Bug.jsx
index d8ffc11..d78894c 100644
--- a/app/Bug.jsx
+++ b/app/Bug.jsx
@@ -1,5 +1,8 @@
-'use client';
+"use client";
 
-export const Bug = ({ children }) => {
-  return <div>{children}</div>;
+const Bug = ({ children }) => {
+	return <div>{children}</div>;
 };
+
+// Default export seems to be required for server rendering.
+export default Bug;
diff --git a/app/page.js b/app/page.js
index 6e39a9b..fb664cf 100644
--- a/app/page.js
+++ b/app/page.js
@@ -1,5 +1,12 @@
-import { Bug } from './Bug';
+import Bug from "./Bug";
 
 export default function Home() {
-  return <Bug>{Array(6).fill(<div>F</div>)}</Bug>;
+	// Added item key because it was missing.
+	return (
+		<Bug>
+			{Array.from({ length: 6 }, (_, i) => i).flatMap((_, idx) => (
+				<div key={idx}>F</div>
+			))}
+		</Bug>
+	);
 }
diff --git a/jsconfig.json b/jsconfig.json
index 2a2e4b3..5c64b06 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -1,7 +1,7 @@
 {
-  "compilerOptions": {
-    "paths": {
-      "@/*": ["./*"]
-    }
-  }
+	"compilerOptions": {
+		"paths": {
+			"@/*": ["./*"]
+		}
+	}
 }