Adopt TypeScript 7

Author: nstepien

.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["dbaeumer.vscode-eslint", "oxc.oxc-vscode"]
+  "recommendations": ["dbaeumer.vscode-eslint", "oxc.oxc-vscode", "typescriptteam.native-preview"]
 }

.vscode/settings.json

@@ -10,6 +10,7 @@
   "editor.formatOnSaveMode": "file",
   "js/ts.tsdk.promptToUseWorkspaceVersion": true,
   "js/ts.tsdk.path": "node_modules/typescript/lib",
+  "js/ts.experimental.useTsgo": true,
   "files.readonlyInclude": {
     "**/routeTree.gen.ts": true
   },

package.json

@@ -44,7 +44,7 @@
     "format:check": "oxfmt --check",
     "eslint": "eslint --max-warnings 0 --cache --cache-location .cache/eslint --cache-strategy content",
     "eslint:fix": "node --run eslint -- --fix",
-    "typecheck": "tsc --build"
+    "typecheck": "tsgo --build"
   },
   "devDependencies": {
     "@eslint-react/eslint-plugin": "^3.0.0",
@@ -55,6 +55,7 @@
     "@types/node": "^25.5.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "@typescript/native-preview": "^7.0.0-dev.20260327.2",
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/browser-playwright": "^4.1.0",
     "@vitest/coverage-istanbul": "^4.1.0",

src/EditCell.tsx

@@ -21,7 +21,7 @@ import type {
  * The event can be `stopPropagation()`ed halfway through, so they may not always bubble back up to the window,
  * so an alternative check must be used. The check must happen after the event can reach the "inside" container,
  * and not before it run to completion. `postTask`/`requestAnimationFrame` are the best way we know to achieve this.
- * Usually we want click event handlers from parent components to access the latest commited values,
+ * Usually we want click event handlers from parent components to access the latest committed values,
  * so `mousedown` is used instead of `click`.
  *
  * We must also rely on React's event capturing/bubbling to handle elements rendered in a portal.
@@ -113,7 +113,7 @@ export default function EditCell<R, SR>({
   function cancelTask() {
     captureEventRef.current = undefined;
     if (abortControllerRef.current !== undefined) {
-      abortControllerRef.current.abort();
+      abortControllerRef.current.abort('test');
       abortControllerRef.current = undefined;
     }
     if (frameRequestRef.current !== undefined) {