Create JS disabled alert component

components/NoJSAlert.tsx

@@ -0,0 +1,18 @@
+import {
+  Alert,
+  AlertDescription,
+  AlertIcon,
+  AlertTitle,
+} from "@chakra-ui/react";
+
+export default function () {
+  return (
+    <Alert status="error">
+      <AlertIcon />
+      <AlertTitle>JavaScript Disabled!</AlertTitle>
+      <AlertDescription>
+        Some features of this page may not work.
+      </AlertDescription>
+    </Alert>
+  );
+}