fix: reset lab state when navigation from lab form (#2268)

src/labs/lab-slice.ts

@@ -126,6 +126,12 @@ export const requestLab = (newLab: Lab, onSuccess?: (lab: Lab) => void): AppThun
   }
 }
 
+export const resetLab = (): AppThunk => async (dispatch) => {
+  const labRequestError: Error = {}
+  dispatch(requestLabError(labRequestError))
+  dispatch(fetchLabStart())
+}
+
 export const cancelLab = (labToCancel: Lab, onSuccess?: (lab: Lab) => void): AppThunk => async (
   dispatch,
 ) => {

src/labs/requests/NewLabRequest.tsx

@@ -1,5 +1,5 @@
 import { Typeahead, Label, Button, Alert } from '@hospitalrun/components'
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { useHistory } from 'react-router-dom'
 
@@ -12,7 +12,7 @@ import useTranslator from '../../shared/hooks/useTranslator'
 import Lab from '../../shared/model/Lab'
 import Patient from '../../shared/model/Patient'
 import { RootState } from '../../shared/store'
-import { requestLab } from '../lab-slice'
+import { requestLab, resetLab } from '../lab-slice'
 
 const NewLabRequest = () => {
   const { t } = useTranslator()
@@ -28,6 +28,10 @@ const NewLabRequest = () => {
     status: 'requested',
   })
 
+  useEffect(() => {
+    dispatch(resetLab())
+  }, [dispatch])
+
   const breadcrumbs = [
     {
       i18nKey: 'labs.requests.new',