fixup! feat: [ts-starter #9] create a minimal bootstrap entry point

Author: ehsanmmd

src/index.tsx

@@ -6,10 +6,14 @@ const App = lazy(async () => import("./App"));
 
 export default function Index(): ReactElement {
   return (
-    <ErrorBoundary fallback={<div>shit hit the fan bruv!</div>}>
+    <ErrorBoundary FallbackComponent={Fallback}>
       <Suspense fallback="loading">
         <App />
       </Suspense>
     </ErrorBoundary>
   );
 }
+
+function Fallback({ error }: { error: Error }): ReactElement {
+  return <p>{error.message}</p>;
+}

webpack.config.mjs

@@ -94,10 +94,13 @@ function webpackConfig(_env, { mode = "development" }) {
       }),
       isDevelopment && new ReactRefreshWebpackPlugin(),
     ].filter(Boolean),
-    performance: {
-      maxEntrypointSize: 150000,
-      hints: "warning",
-    },
+    performance:
+      mode === "production"
+        ? {
+            maxEntrypointSize: 200000,
+            hints: "warning",
+          }
+        : undefined,
   };
 }