(chore) Tooling updates

.eslintrc

@@ -12,7 +12,7 @@
     "project": true,
     "tsconfigRootDir": "__dirname"
   },
-  "plugins": ["@typescript-eslint"],
+  "plugins": ["@typescript-eslint", "import", "react-hooks"],
   "root": true,
   "rules": {
     // turned off to keep the diff small for now
@@ -43,6 +43,7 @@
         "default": "generic"
       }
     ],
+    "import/no-duplicates": "error",
     "no-console": ["error", { "allow": ["warn", "error"] }],
     "no-restricted-imports": [
       "error",
@@ -69,6 +70,8 @@
           }
         ]
       }
-    ]
+    ],
+    "react-hooks/exhaustive-deps": "warn",
+    "react-hooks/rules-of-hooks": "error"
   }
 }

.yarnrc.yml

@@ -4,4 +4,4 @@ enableGlobalCache: false
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.2.2.cjs
+yarnPath: .yarn/releases/yarn-4.5.3.cjs

package.json

@@ -2,7 +2,7 @@
   "name": "@openmrs/esm-fast-data-entry-app",
   "version": "1.0.0",
   "license": "MPL-2.0",
-  "description": "An OpenMRS 3.x microfrontend",
+  "description": "O3 frontend module for fast data entry using the OpenMRS Angular Form Engine",
   "browser": "dist/openmrs-esm-fast-data-entry-app.js",
   "main": "src/index.ts",
   "source": true,
@@ -69,6 +69,8 @@
     "css-loader": "^6.8.1",
     "eslint": "^8.49.0",
     "eslint-config-react-app": "^7.0.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^28.1.3",
@@ -85,7 +87,7 @@
     "semver": "^7.5.4",
     "swc-loader": "^0.2.3",
     "swr": "^2.2.4",
-    "turbo": "^1.10.13",
+    "turbo": "^2.3.3",
     "typescript": "^4.9.5",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4"
@@ -94,7 +96,7 @@
     "i18next": "^21.10.0",
     "i18next-parser": "^6.6.0",
     "react-hook-form": "^7.34.2",
-    "turbo": "^1.12.4",
+    "turbo": "^2.3.3",
     "uuid": "^9.0.1"
   },
   "packageManager": "[email protected]"

src/FormBootstrap.tsx

@@ -132,7 +132,7 @@ const FormBootstrap = ({
 
   useEffect(() => {
     return () => detach('form-widget-slot', 'form-widget-slot');
-  });
+  }, []);
 
   // FIXME This should not be necessary
   const [showForm, setShowForm] = useState(true);

src/context/GroupFormWorkflowContext.tsx

@@ -3,6 +3,7 @@ import reducer from './GroupFormWorkflowReducer';
 import { useParams } from 'react-router-dom';
 import { type Type, useSession } from '@openmrs/esm-framework';
 import useGetSystemSetting from '../hooks/useGetSystemSetting';
+
 interface ParamTypes {
   formUuid?: string;
 }
@@ -12,6 +13,7 @@ export interface GroupType {
   name: string;
   members: Array<Type.Object>;
 }
+
 export interface MetaType {
   sessionName: string;
   sessionDate: string;

turbo.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://turbo.build/schema.json",
-  "pipeline": {
+  "tasks": {
     "build": {
       "outputs": ["dist/**"]
     },