NoJSAlert.tsx

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>
  );
}