init

platform/app/src/routes/NotFound/NotFound.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Link } from 'react-router-dom';
+
+import { useAppConfig } from '@state';
+
+const NotFound = ({ message = 'Sorry, this page does not exist.', showGoBackButton = true }) => {
+  const [appConfig] = useAppConfig();
+  const { showStudyList } = appConfig;
+
+  return (
+    <div className="flex h-full w-full items-center justify-center text-white">
+      <div>
+        <h4>{message}</h4>
+        {showGoBackButton && showStudyList && (
+          <h5>
+            <Link to={'/'}>Go back to the Study List</Link>
+          </h5>
+        )}
+      </div>
+    </div>
+  );
+};
+
+NotFound.propTypes = {
+  message: PropTypes.string,
+  showGoBackButton: PropTypes.bool,
+};
+
+export default NotFound;

platform/app/src/routes/NotFound/index.js

@@ -0,0 +1 @@
+export { default } from './NotFound';