fix: hide or show recoil dev tools based on a env var (#1128)

Author: nunocaseiro

frontend/next.config.js

@@ -15,6 +15,7 @@ module.exports = {
     NEXT_PUBLIC_ENABLE_GOOGLE: process.env.NEXT_PUBLIC_ENABLE_GOOGLE,
     NEXT_PUBLIC_LOGIN_SSO_ONLY: process.env.NEXT_PUBLIC_LOGIN_SSO_ONLY,
     NEXT_PUBLIC_REGULAR_BOARD: process.env.NEXT_PUBLIC_REGULAR_BOARD,
+    NEXT_PUBLIC_RECOIL_DEV_TOOLS: process.env.NEXT_PUBLIC_RECOIL_DEV_TOOLS
   },
   serverRuntimeConfig: {
     AZURE_CLIENT_ID: process.env.AZURE_CLIENT_ID,

frontend/src/pages/_app.tsx

@@ -1,6 +1,4 @@
-/* eslint-disable */
-// @ts-nocheck
-import { ReactElement, ReactNode, useEffect } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { DehydratedState, Hydrate, QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 import { NextPage } from 'next';
@@ -14,7 +12,7 @@ import globalStyles from '@/styles/globals';
 
 import Sprite from '@/components/icons/Sprite';
 import Toast, { ToastProvider, ToastViewport } from '@/components/Primitives/Toast';
-import { JWT_EXPIRATION_TIME } from '@/utils/constants';
+import { JWT_EXPIRATION_TIME, RECOIL_DEV_TOOLS } from '@/utils/constants';
 import { ROUTES } from '@/utils/routes';
 import { Session } from 'next-auth';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
@@ -60,7 +58,7 @@ function Root({
               <RecoilRoot>
                 {getLayout(<Component {...pageProps} />)}
                 <Toast />
-                <RecoilDevTools />
+                {RECOIL_DEV_TOOLS && <RecoilDevTools />}
               </RecoilRoot>
               <ToastViewport
                 css={{

frontend/src/utils/constants.ts

@@ -7,7 +7,12 @@ export const ERROR_LOADING_DATA = 'Error loading data';
 
 export const JWT_EXPIRATION_TIME = Number(publicRuntimeConfig.NEXT_PUBLIC_EXPIRATION_TIME);
 
-export const { NEXT_PUBLIC_BACKEND_URL, NEXT_PUBLIC_NEXTAUTH_URL, SECRET } = publicRuntimeConfig;
+export const {
+  NEXT_PUBLIC_BACKEND_URL,
+  NEXT_PUBLIC_NEXTAUTH_URL,
+  SECRET,
+  NEXT_PUBLIC_RECOIL_DEV_TOOLS,
+} = publicRuntimeConfig;
 
 export const CLIENT_ID = serverRuntimeConfig.AZURE_CLIENT_ID;
 export const CLIENT_SECRET = serverRuntimeConfig.AZURE_CLIENT_SECRET;
@@ -28,7 +33,7 @@ export const REFRESH_TOKEN_ERROR = 'REFRESH_TOKEN_ERROR';
 
 export const MIN_MEMBERS = 4;
 
-export const RECOIL_DEV_TOOLS = true;
+export const RECOIL_DEV_TOOLS = NEXT_PUBLIC_RECOIL_DEV_TOOLS === 'true';
 
 // -------------------------------