Merge pull request #127 from canonical/chore/tsconfig_extend

use ds25 provided TS configuration and extend from it

Author: akbarkz

auto-imports.d.ts

@@ -3,6 +3,7 @@
 // @ts-nocheck
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
+// biome-ignore lint: disable
 export {}
 declare global {
   const Link: typeof import('react-router-dom')['Link']

package.json

@@ -28,6 +28,7 @@
     "zustand": "4.5.6"
   },
   "devDependencies": {
+    "@canonical/typescript-config-react": "0.4.0-experimental.0",
     "@playwright/test": "1.50.1",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "14.0.0",
@@ -82,4 +83,4 @@
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "4.34.1"
   }
-}
+}

static/client/main.test.tsx

@@ -11,7 +11,7 @@ describe("main", () => {
   });
 
   it("renders the app in the root element", async () => {
-    await act(() => import("./main"));
+    await act(() => import("./main.js"));
     const container = document.getElementById("root") as HTMLElement;
     await waitFor(() => expect(container.querySelector(".l-application")).toBeInTheDocument());
   });

tsconfig.json

@@ -2,22 +2,10 @@
   "compilerOptions": {
     "baseUrl": "static/client",
     "paths": { "@/*": ["./*"] },
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "skipLibCheck": true
   },
+  "extends": "@canonical/typescript-config-react",
   "include": ["static/client"],
   "exclude": ["dist", "public", "node_modules"],
   "references": [{ "path": "./tsconfig.node.json" }]