task/WG-197: improve linting on react project

react/.eslintignore

@@ -0,0 +1,3 @@
+dist/
+build/
+coverage/

react/.eslintrc.json

@@ -21,12 +21,8 @@
     "plugins": ["react", "react-hooks", "@typescript-eslint", "prettier"],
     "rules": {
 	"prettier/prettier": ["error"],
-        "react/jsx-key": 0,
-        "jsx-a11y/anchor-is-valid": 0,
-        "react-hooks/exhaustive-deps": 0,
-        "react-hooks/rules-of-hooks": 0,
-        "react/display-name": 0,
-        "react/prop-types": 0
+        "@typescript-eslint/no-unused-vars": "error",
+        "@typescript-eslint/no-explicit-any": "off"
     },
     "settings": {
         "react": {

react/package.json

@@ -8,9 +8,10 @@
         "build": "tsc && vite build",
         "preview": "vite preview",
         "test": "jest",
-        "lint": "npm run lint:js",
+        "lint": "npm run lint:js && npm run prettier:check",
         "lint:js": "eslint . --ext .js,.jsx,.ts,.tsx",
         "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix",
+        "lint:rules": "eslint --print-config src/index.tsx",
         "prettier:check": "prettier --single-quote --check src",
         "prettier:fix": "prettier --single-quote --write src"
     },

react/src/pages/MapProject/MapProject.tsx

@@ -19,6 +19,7 @@ const MapProject: React.FC<Props> = ({ isPublic = false }) => {
   const { projectUUID } = useParams<{ projectUUID: string }>();
 
   console.log(projectUUID);
+  console.log(isPublic);
 
   return (
     <div style={{ width: '100vw', height: '100vh' }}>

react/src/utils/authUtils.ts

@@ -22,7 +22,7 @@ export function getTokenFromLocalStorage(): AuthToken {
       const auth = JSON.parse(tokenStr);
       return auth;
     }
-  } catch (e: any) {
+  } catch (e) {
     console.error('Error loading state from localStorage:', e);
   }
   return { token: null, expires: null };

react/vite.config.ts

@@ -26,7 +26,7 @@ function getDesignsafePortalUrl(backend: string): string {
 }
 
 // https://vitejs.dev/config/
-export default defineConfig(({ command, mode }) => {
+export default defineConfig(({ command, mode }) => { // eslint-disable-line
   const envFile = loadEnv(mode, process.cwd(), '');
   const targetEnvironment = envFile.TARGET;
   const env = {