test

src/App.js

@@ -1,21 +1,20 @@
 import React from "react";
-// import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
+import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
 
 import { IPSForm } from "./components/IPSForm";
-// import { IPSResult } from "./components/IPSResult";
+import { IPSResult } from "./components/IPSResult";
 import { NavBar } from "./components/NavBar";
 
 export const App = () => {
   return (
     <>
       <NavBar />
-      {/* <Router>
+      <Router>
         <Routes>
           <Route path="/" element={<IPSForm />} />
           <Route path="jsonViewer/" element={<IPSResult />} />
         </Routes>
-      </Router> */}
-      <IPSForm />
+      </Router>
     </>
   );
 };

src/components/IPSForm.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { useParams } from "react-router-dom";
+import { useNavigate, useParams } from "react-router-dom";
 import styled from "styled-components";
 import PropTypes from "prop-types";
 import MuiButton from "@material-ui/core/Button";
@@ -83,7 +83,7 @@ export const IPSForm = () => {
   const {
     payload: payloadBase64 = "ewogICAgImRhdGVPZkJpcnRoIjogIjIwMjItMTItMTIiCn0=",
   } = useParams();
-  // const navigate = useNavigate();
+  const navigate = useNavigate();
 
   const { data: ipsPayload, isLoading } = useIPS({ url: payload?.url });
 
@@ -98,7 +98,7 @@ export const IPSForm = () => {
     const patient = ipsPayload.entry.find(entry => entry.resource.resourceType === 'Patient');
     if (patient.birthDate === enteredDateOfBirth) {
       setErrorMessage(null);
-      // navigate(`/jsonViewer?url=${btoa(payload.url)}`);
+      navigate(`/jsonViewer?url=${btoa(payload.url)}`);
       return;
     }