diff --git a/src/__tests__/HospitalRun.test.tsx b/src/__tests__/HospitalRun.test.tsx
index 3179d925ca..123de2e8aa 100644
--- a/src/__tests__/HospitalRun.test.tsx
+++ b/src/__tests__/HospitalRun.test.tsx
@@ -1,7 +1,7 @@
 import '../__mocks__/matchMediaMock'
 import React from 'react'
 import { mount } from 'enzyme'
-import { MemoryRouter } from 'react-router'
+import { MemoryRouter } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import thunk from 'redux-thunk'
 import configureMockStore from 'redux-mock-store'
diff --git a/src/__tests__/components/Sidebar.test.tsx b/src/__tests__/components/Sidebar.test.tsx
index 11bf2804af..ca4291e70a 100644
--- a/src/__tests__/components/Sidebar.test.tsx
+++ b/src/__tests__/components/Sidebar.test.tsx
@@ -3,7 +3,7 @@ import React from 'react'
 import { mount } from 'enzyme'
 import { createMemoryHistory } from 'history'
 import Sidebar from 'components/Sidebar'
-import { Router } from 'react-router'
+import { Router } from 'react-router-dom'
 import { ListItem } from '@hospitalrun/components'
 import { act } from '@testing-library/react'
 import configureMockStore from 'redux-mock-store'
diff --git a/src/__tests__/labs/Labs.test.tsx b/src/__tests__/labs/Labs.test.tsx
index 03fddb7284..2836514d7e 100644
--- a/src/__tests__/labs/Labs.test.tsx
+++ b/src/__tests__/labs/Labs.test.tsx
@@ -1,7 +1,7 @@
 import '../../__mocks__/matchMediaMock'
 import React from 'react'
 import { mount } from 'enzyme'
-import { MemoryRouter } from 'react-router'
+import { MemoryRouter } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import thunk from 'redux-thunk'
 import configureMockStore from 'redux-mock-store'
diff --git a/src/__tests__/labs/ViewLab.test.tsx b/src/__tests__/labs/ViewLab.test.tsx
index bbd6dba8fc..77472a6282 100644
--- a/src/__tests__/labs/ViewLab.test.tsx
+++ b/src/__tests__/labs/ViewLab.test.tsx
@@ -1,7 +1,7 @@
 import '../../__mocks__/matchMediaMock'
 import React from 'react'
 import { Provider } from 'react-redux'
-import { Router, Route } from 'react-router'
+import { Router, Route } from 'react-router-dom'
 import { mount } from 'enzyme'
 import thunk from 'redux-thunk'
 import { createMemoryHistory } from 'history'
diff --git a/src/__tests__/labs/ViewLabs.test.tsx b/src/__tests__/labs/ViewLabs.test.tsx
index 0cf1eaaf64..2a7da00e67 100644
--- a/src/__tests__/labs/ViewLabs.test.tsx
+++ b/src/__tests__/labs/ViewLabs.test.tsx
@@ -1,7 +1,7 @@
 import '../../__mocks__/matchMediaMock'
 import React from 'react'
 import { Provider } from 'react-redux'
-import { Router } from 'react-router'
+import { Router } from 'react-router-dom'
 import ViewLabs from 'labs/ViewLabs'
 import { mount, ReactWrapper } from 'enzyme'
 import { TextInput, Select } from '@hospitalrun/components'
diff --git a/src/__tests__/patients/allergies/Allergies.test.tsx b/src/__tests__/patients/allergies/Allergies.test.tsx
index cd76204a89..33161c8a7e 100644
--- a/src/__tests__/patients/allergies/Allergies.test.tsx
+++ b/src/__tests__/patients/allergies/Allergies.test.tsx
@@ -6,7 +6,7 @@ import Permissions from 'model/Permissions'
 import configureMockStore from 'redux-mock-store'
 import { createMemoryHistory } from 'history'
 import thunk from 'redux-thunk'
-import { Router } from 'react-router'
+import { Router } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import Patient from 'model/Patient'
 import * as components from '@hospitalrun/components'
diff --git a/src/__tests__/patients/appointments/AppointmentsList.test.tsx b/src/__tests__/patients/appointments/AppointmentsList.test.tsx
index 249ce68023..e520fa8c38 100644
--- a/src/__tests__/patients/appointments/AppointmentsList.test.tsx
+++ b/src/__tests__/patients/appointments/AppointmentsList.test.tsx
@@ -5,7 +5,7 @@ import { createMemoryHistory } from 'history'
 import configureMockStore from 'redux-mock-store'
 import thunk from 'redux-thunk'
 import Patient from 'model/Patient'
-import { Router } from 'react-router'
+import { Router } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import AppointmentsList from 'patients/appointments/AppointmentsList'
 import * as components from '@hospitalrun/components'
diff --git a/src/__tests__/patients/diagnoses/Diagnoses.test.tsx b/src/__tests__/patients/diagnoses/Diagnoses.test.tsx
index 261932f2a7..f88f7ef982 100644
--- a/src/__tests__/patients/diagnoses/Diagnoses.test.tsx
+++ b/src/__tests__/patients/diagnoses/Diagnoses.test.tsx
@@ -7,7 +7,7 @@ import thunk from 'redux-thunk'
 import Patient from 'model/Patient'
 import Diagnosis from 'model/Diagnosis'
 import Permissions from 'model/Permissions'
-import { Router } from 'react-router'
+import { Router } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import Diagnoses from 'patients/diagnoses/Diagnoses'
 import * as components from '@hospitalrun/components'
diff --git a/src/__tests__/patients/labs/LabsTab.test.tsx b/src/__tests__/patients/labs/LabsTab.test.tsx
index cc5f5c0518..b9d9c24f64 100644
--- a/src/__tests__/patients/labs/LabsTab.test.tsx
+++ b/src/__tests__/patients/labs/LabsTab.test.tsx
@@ -4,7 +4,7 @@ import configureMockStore from 'redux-mock-store'
 import thunk from 'redux-thunk'
 import { mount } from 'enzyme'
 import { createMemoryHistory } from 'history'
-import { Router } from 'react-router'
+import { Router } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import * as components from '@hospitalrun/components'
 import format from 'date-fns/format'
diff --git a/src/__tests__/patients/notes/NotesTab.test.tsx b/src/__tests__/patients/notes/NotesTab.test.tsx
index 4cfbfb0f87..454f217ba3 100644
--- a/src/__tests__/patients/notes/NotesTab.test.tsx
+++ b/src/__tests__/patients/notes/NotesTab.test.tsx
@@ -7,7 +7,7 @@ import configureMockStore from 'redux-mock-store'
 import Patient from 'model/Patient'
 import thunk from 'redux-thunk'
 import { mount } from 'enzyme'
-import { Router } from 'react-router'
+import { Router } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import NoteTab from 'patients/notes/NoteTab'
 import * as components from '@hospitalrun/components'
diff --git a/src/__tests__/patients/related-persons/RelatedPersons.test.tsx b/src/__tests__/patients/related-persons/RelatedPersons.test.tsx
index 49da165c9c..b715de3c93 100644
--- a/src/__tests__/patients/related-persons/RelatedPersons.test.tsx
+++ b/src/__tests__/patients/related-persons/RelatedPersons.test.tsx
@@ -1,6 +1,6 @@
 import '../../../__mocks__/matchMediaMock'
 import React from 'react'
-import { Router } from 'react-router'
+import { Router } from 'react-router-dom'
 import { createMemoryHistory } from 'history'
 import { mount } from 'enzyme'
 import RelatedPersonTab from 'patients/related-persons/RelatedPersonTab'
diff --git a/src/__tests__/scheduling/appointments/new/NewAppointment.test.tsx b/src/__tests__/scheduling/appointments/new/NewAppointment.test.tsx
index 492add87cc..056abb1eb1 100644
--- a/src/__tests__/scheduling/appointments/new/NewAppointment.test.tsx
+++ b/src/__tests__/scheduling/appointments/new/NewAppointment.test.tsx
@@ -1,7 +1,7 @@
 import '../../../../__mocks__/matchMediaMock'
 import React from 'react'
 import NewAppointment from 'scheduling/appointments/new/NewAppointment'
-import { Router, Route } from 'react-router'
+import { Router, Route } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import { mount } from 'enzyme'
 import { roundToNearestMinutes, addMinutes } from 'date-fns'
diff --git a/src/__tests__/scheduling/appointments/view/ViewAppointment.test.tsx b/src/__tests__/scheduling/appointments/view/ViewAppointment.test.tsx
index e090672c51..36472d9218 100644
--- a/src/__tests__/scheduling/appointments/view/ViewAppointment.test.tsx
+++ b/src/__tests__/scheduling/appointments/view/ViewAppointment.test.tsx
@@ -6,7 +6,7 @@ import configureMockStore, { MockStore } from 'redux-mock-store'
 import thunk from 'redux-thunk'
 import Appointment from 'model/Appointment'
 import ViewAppointment from 'scheduling/appointments/view/ViewAppointment'
-import { Router, Route } from 'react-router'
+import { Router, Route } from 'react-router-dom'
 import { createMemoryHistory } from 'history'
 import AppointmentRepository from 'clients/db/AppointmentRepository'
 import { mocked } from 'ts-jest/utils'
diff --git a/src/breadcrumbs/Breadcrumbs.tsx b/src/breadcrumbs/Breadcrumbs.tsx
index 263f8e9476..17e5d7bc31 100644
--- a/src/breadcrumbs/Breadcrumbs.tsx
+++ b/src/breadcrumbs/Breadcrumbs.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import { useSelector } from 'react-redux'
 import { useTranslation } from 'react-i18next'
 import { Breadcrumb, BreadcrumbItem } from '@hospitalrun/components'
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index fe90ff8df7..01c69d9a65 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import { Navbar as HospitalRunNavbar } from '@hospitalrun/components'
 import { useTranslation } from 'react-i18next'
 
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 06134b07f8..ad5dbf2b90 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -1,7 +1,7 @@
 import React, { useState, CSSProperties } from 'react'
 import { List, ListItem, Icon } from '@hospitalrun/components'
 import { useTranslation } from 'react-i18next'
-import { useLocation, useHistory } from 'react-router'
+import { useLocation, useHistory } from 'react-router-dom'
 import { useSelector, useDispatch } from 'react-redux'
 import { RootState } from '../store'
 import { updateSidebar } from './component-slice'
diff --git a/src/labs/Labs.tsx b/src/labs/Labs.tsx
index a610af4052..241a75fb59 100644
--- a/src/labs/Labs.tsx
+++ b/src/labs/Labs.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import PrivateRoute from 'components/PrivateRoute'
-import { Switch } from 'react-router'
+import { Switch } from 'react-router-dom'
 import useAddBreadcrumbs from 'breadcrumbs/useAddBreadcrumbs'
 import { useSelector } from 'react-redux'
 import Permissions from 'model/Permissions'
diff --git a/src/labs/ViewLab.tsx b/src/labs/ViewLab.tsx
index 6f58f2c9e6..5768576007 100644
--- a/src/labs/ViewLab.tsx
+++ b/src/labs/ViewLab.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import { useParams, useHistory } from 'react-router'
+import { useParams, useHistory } from 'react-router-dom'
 import format from 'date-fns/format'
 import Lab from 'model/Lab'
 import Patient from 'model/Patient'
diff --git a/src/labs/ViewLabs.tsx b/src/labs/ViewLabs.tsx
index 012b26a836..70a042d6f8 100644
--- a/src/labs/ViewLabs.tsx
+++ b/src/labs/ViewLabs.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'
 import format from 'date-fns/format'
 import { useButtonToolbarSetter } from 'page-header/ButtonBarProvider'
 import { Spinner, Button } from '@hospitalrun/components'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import Lab from 'model/Lab'
 import Permissions from 'model/Permissions'
 import SelectWithLabelFormGroup from 'components/input/SelectWithLableFormGroup'
diff --git a/src/labs/requests/NewLabRequest.tsx b/src/labs/requests/NewLabRequest.tsx
index fb4035686e..d681a11422 100644
--- a/src/labs/requests/NewLabRequest.tsx
+++ b/src/labs/requests/NewLabRequest.tsx
@@ -5,7 +5,7 @@ import { Typeahead, Label, Button, Alert } from '@hospitalrun/components'
 import PatientRepository from 'clients/db/PatientRepository'
 import Patient from 'model/Patient'
 import TextInputWithLabelFormGroup from 'components/input/TextInputWithLabelFormGroup'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import Lab from 'model/Lab'
 import TextFieldWithLabelFormGroup from 'components/input/TextFieldWithLabelFormGroup'
 import useAddBreadcrumbs from 'breadcrumbs/useAddBreadcrumbs'
diff --git a/src/patients/Patients.tsx b/src/patients/Patients.tsx
index d1670a1ce0..57a089fc61 100644
--- a/src/patients/Patients.tsx
+++ b/src/patients/Patients.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { useSelector } from 'react-redux'
-import { Switch } from 'react-router'
+import { Switch } from 'react-router-dom'
 import PrivateRoute from '../components/PrivateRoute'
 import Permissions from '../model/Permissions'
 import ViewPatients from './list/ViewPatients'
diff --git a/src/patients/appointments/AppointmentsList.tsx b/src/patients/appointments/AppointmentsList.tsx
index 4b964fdfba..9a512f91a4 100644
--- a/src/patients/appointments/AppointmentsList.tsx
+++ b/src/patients/appointments/AppointmentsList.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import { useSelector, useDispatch } from 'react-redux'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import { TextInput, Button, List, ListItem, Container, Row, Column } from '@hospitalrun/components'
 import { RootState } from '../../store'
diff --git a/src/patients/labs/LabsTab.tsx b/src/patients/labs/LabsTab.tsx
index 6b40d81353..a3d2a0fedb 100644
--- a/src/patients/labs/LabsTab.tsx
+++ b/src/patients/labs/LabsTab.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react'
 import { Alert } from '@hospitalrun/components'
 import { useTranslation } from 'react-i18next'
 import format from 'date-fns/format'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import Lab from '../../model/Lab'
 import LabRepository from '../../clients/db/LabRepository'
 
diff --git a/src/patients/list/ViewPatients.tsx b/src/patients/list/ViewPatients.tsx
index ba2c470013..8f22083aa8 100644
--- a/src/patients/list/ViewPatients.tsx
+++ b/src/patients/list/ViewPatients.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import { useSelector, useDispatch } from 'react-redux'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import { Spinner, Button, Container, Row, TextInput, Column } from '@hospitalrun/components'
 import { useButtonToolbarSetter } from 'page-header/ButtonBarProvider'
diff --git a/src/patients/new/NewPatient.tsx b/src/patients/new/NewPatient.tsx
index c42f52d363..e820b3e471 100644
--- a/src/patients/new/NewPatient.tsx
+++ b/src/patients/new/NewPatient.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import { useDispatch, useSelector } from 'react-redux'
 import { Button, Toast } from '@hospitalrun/components'
diff --git a/src/patients/related-persons/RelatedPersonTab.tsx b/src/patients/related-persons/RelatedPersonTab.tsx
index a84a519b6b..1ea24a4648 100644
--- a/src/patients/related-persons/RelatedPersonTab.tsx
+++ b/src/patients/related-persons/RelatedPersonTab.tsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
 import { Button, Alert, Spinner } from '@hospitalrun/components'
 import AddRelatedPersonModal from 'patients/related-persons/AddRelatedPersonModal'
 import { useTranslation } from 'react-i18next'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import Patient from 'model/Patient'
 import { removeRelatedPerson } from 'patients/patient-slice'
 import { useDispatch, useSelector } from 'react-redux'
diff --git a/src/scheduling/appointments/Appointments.tsx b/src/scheduling/appointments/Appointments.tsx
index 142bff601a..22f2055624 100644
--- a/src/scheduling/appointments/Appointments.tsx
+++ b/src/scheduling/appointments/Appointments.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { useSelector } from 'react-redux'
-import { Switch } from 'react-router'
+import { Switch } from 'react-router-dom'
 import NewAppointment from 'scheduling/appointments/new/NewAppointment'
 import EditAppointment from 'scheduling/appointments/edit/EditAppointment'
 import ViewAppointment from 'scheduling/appointments/view/ViewAppointment'
diff --git a/src/scheduling/appointments/ViewAppointments.tsx b/src/scheduling/appointments/ViewAppointments.tsx
index b569c2b4a7..f7981353c9 100644
--- a/src/scheduling/appointments/ViewAppointments.tsx
+++ b/src/scheduling/appointments/ViewAppointments.tsx
@@ -4,7 +4,7 @@ import useTitle from 'page-header/useTitle'
 import { useTranslation } from 'react-i18next'
 import { useSelector, useDispatch } from 'react-redux'
 import { RootState } from 'store'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import PatientRepository from 'clients/db/PatientRepository'
 import useAddBreadcrumbs from 'breadcrumbs/useAddBreadcrumbs'
 import { useButtonToolbarSetter } from 'page-header/ButtonBarProvider'
diff --git a/src/scheduling/appointments/new/NewAppointment.tsx b/src/scheduling/appointments/new/NewAppointment.tsx
index 438869dc9e..478d95bda0 100644
--- a/src/scheduling/appointments/new/NewAppointment.tsx
+++ b/src/scheduling/appointments/new/NewAppointment.tsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react'
 import useTitle from 'page-header/useTitle'
 import { useTranslation } from 'react-i18next'
 import roundToNearestMinutes from 'date-fns/roundToNearestMinutes'
-import { useHistory } from 'react-router'
+import { useHistory } from 'react-router-dom'
 import { useDispatch, useSelector } from 'react-redux'
 import Appointment from 'model/Appointment'
 import addMinutes from 'date-fns/addMinutes'
diff --git a/src/scheduling/appointments/view/ViewAppointment.tsx b/src/scheduling/appointments/view/ViewAppointment.tsx
index c90002b2e4..0ac23b1512 100644
--- a/src/scheduling/appointments/view/ViewAppointment.tsx
+++ b/src/scheduling/appointments/view/ViewAppointment.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react'
 import useTitle from 'page-header/useTitle'
 import { useSelector, useDispatch } from 'react-redux'
 import { RootState } from 'store'
-import { useParams, useHistory } from 'react-router'
+import { useParams, useHistory } from 'react-router-dom'
 import { Spinner, Button, Modal, Toast } from '@hospitalrun/components'
 import { useTranslation } from 'react-i18next'
 import { useButtonToolbarSetter } from 'page-header/ButtonBarProvider'