Use prop-types, update ESLint config.

app/.eslintrc.json

@@ -1,6 +1,11 @@
 {
   "extends": ["env"],
-  "rules": {
-    "react/prop-types": "off"
-  }
+  "overrides": [
+    {
+      "files": ["components/**/*.js", "pages/**/*.js"],
+      "rules": {
+        "jsdoc/require-jsdoc": "off"
+      }
+    }
+  ]
 }

app/components/Page.js

@@ -1,4 +1,5 @@
 import Head from 'next/head';
+import PropTypes from 'prop-types';
 
 export const Page = ({ title, children }) => (
   <>
@@ -8,3 +9,8 @@ export const Page = ({ title, children }) => (
     {children}
   </>
 );
+
+Page.propTypes = {
+  title: PropTypes.string.isRequired,
+  children: PropTypes.node.isRequired
+}

app/package-lock.json

@@ -12,6 +12,7 @@
         "device-agnostic-ui": "^7.0.1",
         "graphql": "^15.5.0",
         "next": "^10.0.6",
+        "prop-types": "^15.7.2",
         "react": "^17.0.1",
         "react-dom": "^17.0.1"
       },

app/package.json

@@ -26,6 +26,7 @@
     "device-agnostic-ui": "^7.0.1",
     "graphql": "^15.5.0",
     "next": "^10.0.6",
+    "prop-types": "^15.7.2",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },