Convert to typescript

.github/workflows/ci.yml

@@ -9,7 +9,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "20"
           cache: npm
       - name: Restore cache
         uses: actions/cache@v3
@@ -48,7 +48,7 @@ jobs:
           # is present on the CI box, eventually I should figure out how to pin
           # the version of chrome that I'm using, or to pull it dynamically and
           # insert it here
-          npm install -g @axe-core/cli@4.6.0 chromedriver@111
+          npm install -g @axe-core/cli@4.9.1 chromedriver@126
 
           # https://github.com/dequelabs/axe-core-npm/issues/679#issuecomment-1456590620
           axe --chromedriver-path $(npm root -g)/chromedriver/bin/chromedriver http://localhost:3000 --exit

components/banner.js → components/Banner.jsx

@@ -1,5 +1,4 @@
 import Image from "next/image";
-
 import smallFlag from "/public/uswds/img/us_flag_small.png";
 import iconDotGov from "/public/uswds/img/icon-dot-gov.svg";
 import iconHttps from "/public/uswds/img/icon-https.svg";

components/gridContainer.js → components/GridContainer.jsx

@@ -1,7 +1,7 @@
-import SvgAccessibleForward from "./icons/AccessibleForward.js";
-import SvgBuild from "./icons/Build.js";
-import SvgConstructionWorker from "./icons/ConstructionWorker.js";
-import SvgGithub from "./icons/Github.js";
+import SvgAccessibleForward from "./icons/AccessibleForward";
+import SvgBuild from "./icons/Build";
+import SvgConstructionWorker from "./icons/ConstructionWorker";
+import SvgGithub from "./icons/Github";
 
 export default function GridContainer() {
   return (

components/header.js → components/Header.jsx

@@ -1,6 +1,5 @@
 import Link from "next/link";
-
-import Banner from "./banner";
+import Banner from "./Banner";
 
 export default function Header() {
   return (

components/masthead.js → components/Masthead.jsx

@@ -1,5 +1,4 @@
 import Image from "next/image";
-
 import circle from "/public/uswds/img/circle-gray-20.svg";
 
 export default function Masthead() {

components/nav.js → components/Nav.jsx

@@ -1,4 +1,4 @@
-import Masthead from "./masthead";
+import Masthead from "./Masthead";
 
 export default function Nav() {
   return (

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.