clean up unnecessary isMounted check from App.tsx

Author: clairep94

client/modules/App/App.tsx

@@ -33,10 +33,6 @@ export const App = ({ children }: { children?: React.ReactNode }) => {
     dispatch(setLanguage(language, { persistPreference: false }));
   }, [language]);
 
-  // TODO: do we actually need this? - Linda
-  const [isMounted, setIsMounted] = useState(false);
-  useEffect(() => setIsMounted(true), []);
-
   const previousLocationRef = useRef(location);
   useEffect(() => {
     const prevLocation = previousLocationRef.current;
@@ -54,7 +50,7 @@ export const App = ({ children }: { children?: React.ReactNode }) => {
   return (
     <div className="app">
       <CookieConsent hide={hide} />
-      {isMounted && showReduxDevTools() && <DevTools />}
+      {showReduxDevTools() && <DevTools />}
       {children}
     </div>
   );

client/store.ts

@@ -5,12 +5,13 @@ import rootReducer from './reducers';
 import type { RootState } from './reducers';
 import { clearState, loadState } from './persistState';
 import { getConfig } from './utils/getConfig';
+import { parseBoolean } from './utils/parseStringToType';
 
 // Enable DevTools only when rendering on client and during development.
 // Display the dock monitor only if no browser extension is found.
 export function showReduxDevTools() {
   return (
-    getConfig('CLIENT') &&
+    parseBoolean(getConfig('CLIENT'), true) &&
     getConfig('NODE_ENV') === 'development' &&
     !window.__REDUX_DEVTOOLS_EXTENSION__
   );