random 404 message

src/pages/404.tsx

@@ -1,13 +1,17 @@
+import { PageProps } from 'gatsby';
 import React from 'react';
 import Navbar from "../components/navbar";
 
-export default ({ location }) => {
+export default ({ location }: PageProps): JSX.Element => {
-  console.log(location);
+  const messages = [
-  return <>
-    <Navbar />
     <p>
       In your attempt to search for <code>{location.pathname}</code>, you seem to
       have gotten lost instead. Fret not, for there is always a path <a href="/">home</a>.
-    </p>
+    </p>,
+    <p>Not all who wander are lost, but you seem to be. Go <a href="/">home</a>?</p>
+  ];
+  return <>
+    <Navbar />
+    {messages[Math.floor(Math.random() * messages.length)]}
   </>;
-};
+};