introduce new jsx.d.ts to @cutting/useful-types

dagda1 · dagda1 · commit f3b314157e76 · 2025-03-05T08:44:33.000Z
diff --git a/.changeset/modern-parts-call.md b/.changeset/modern-parts-call.md
@@ -0,0 +1,17 @@
+---
+"@cutting/react-hook-form-components": minor
+"@cutting/use-get-parent-size": minor
+"@cutting/component-library": minor
+"@cutting/use-shortcuts": minor
+"@cutting/useful-types": minor
+"@cutting/frontend-support": minor
+"@cutting/use-mathjax": minor
+"@cutting/devtools": minor
+"@cutting/markdown": minor
+"@cutting/tsconfig": minor
+"@cutting/hooks": minor
+"@cutting/website": minor
+"@cutting/svg": minor
+---
+
+introduce new jsx.d.ts to @cutting/useful-types
diff --git a/apps/frontendsupport/package.json b/apps/frontendsupport/package.json
@@ -44,10 +44,8 @@
     "katex": "^0.16.21",
     "mdx-bundler": "^10.1.0",
     "micromark-util-chunked": "^2.0.1",
-    "react": "^19.0.0",
     "react-calendly": "^4.3.1",
     "react-device-detect": "^2.2.3",
-    "react-dom": "^19.0.0",
     "react-hook-form": "7.54.2",
     "react-is": "^19.0.0",
     "reading-time": "^1.5.0",
@@ -60,7 +58,7 @@
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
-    "remark-mdx-images": "^3.0.0",
+    "rehype-mdx-import-media": "^1.2.0",
     "rehype-slug": "^6.0.0",
     "resize-observer-polyfill": "^1.5.1",
     "source-map-support": "^0.5.21",
@@ -92,12 +90,18 @@
     "js-yaml": "^4.1.0",
     "npm-run-all2": "^7.0.2",
     "prettier": "3.5.3",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "toml": "^3.0.0",
     "tsx": "^4.19.3",
     "uuid": "^11.1.0",
     "vite": "6.2.0",
     "vite-tsconfig-paths": "^5.1.4"
   },
+  "peerDependencies": {
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
+  },
   "files": [
     "public",
     "public/build",
diff --git a/apps/website/package.json b/apps/website/package.json
@@ -62,8 +62,6 @@
     "nocache": "4.0.0",
     "puppeteer": "^24.3.1",
     "rc-slider": "^11.1.8",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
     "react-helmet": "6.1.0",
     "react-hook-form": "7.54.2",
     "react-is": "^19.0.0",
@@ -102,6 +100,8 @@
     "copyfiles": "2.4.1",
     "install": "0.13.0",
     "nodemon": "3.1.9",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "rimraf": "6.0.1",
     "tsx": "^4.19.3",
     "vite": "6.2.0",
@@ -111,6 +111,10 @@
     "vite-plugin-svgr": "4.3.0",
     "vite-tsconfig-paths": "5.1.4"
   },
+  "peerDependencies": {
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
+  },
   "volta": {
     "extends": "../../package.json"
   }
diff --git a/apps/website/src/components/Footer/index.tsx b/apps/website/src/components/Footer/index.tsx
@@ -1,11 +1,7 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 import { Column, Columns, Inline, PageBlock, Stack, Text, TextLink } from '@cutting/component-library';
 
-// @ts-expect-error
 import cow from '~/assets/images/cow-logo-small2.png';
-// @ts-expect-error
 import github from '~/assets/images/github.png';
-// @ts-expect-error
 import twitter from '~/assets/images/twitter.png';
 import { footerPages } from '~/routes';
 
diff --git a/apps/website/src/components/Nav/index.tsx b/apps/website/src/components/Nav/index.tsx
@@ -1,12 +1,9 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 import { Box, Heading, Nav, NavItem, NavItems, ResponsiveImage } from '@cutting/component-library';
 import cs from 'classnames';
 import { useCallback, useState } from 'react';
 import { NavLink } from 'react-router-dom';
 
-// @ts-expect-error
 import cow from '~/assets/images/cow-logo.png';
-// @ts-expect-error
 import cowMobile from '~/assets/images/cow-mobile.png';
 import { bannerPages } from '~/routes';
 import * as urls from '~/urls';
diff --git a/apps/website/src/pages/OSS/index.tsx b/apps/website/src/pages/OSS/index.tsx
@@ -1,7 +1,5 @@
 import { Box, Heading, Inline, PageBlock, Stack, Text, TextLink, Tiles } from '@cutting/component-library';
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
 import github from '~/assets/images/github-medium.png';
 import { ApplicationLayout } from '~/layouts/ApplicationLayout';
 
diff --git a/apps/website/src/pages/PrivacyPolicy/index.tsx b/apps/website/src/pages/PrivacyPolicy/index.tsx
@@ -1,6 +1,4 @@
 import { ApplicationLayout } from '~/layouts/ApplicationLayout';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
 import Markdown from '~/markdown/privacy.mdx';
 
 export function PrivacyPolicy(): JSX.Element {
diff --git a/apps/website/src/pages/TermsOfService/index.tsx b/apps/website/src/pages/TermsOfService/index.tsx
@@ -1,6 +1,4 @@
 import { ApplicationLayout } from '~/layouts/ApplicationLayout';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
 import Markdown from '~/markdown/terms-of-service.mdx';
 
 export function TermsOfService(): JSX.Element {
diff --git a/apps/website/tsconfig.dist.json b/apps/website/tsconfig.dist.json
@@ -12,7 +12,7 @@
     "server.mts",
     "../../node_modules/@types/d3/index.d.ts",
     "node_modules/vite/types/*",
-    "node_modules/@cutting/useful-types/global.d.ts"
+    "../../node_modules/@types/mdx/index.d.ts"
   ],
   "exclude": ["pruned"],
   "references": [
diff --git a/apps/website/tsconfig.json b/apps/website/tsconfig.json
@@ -9,7 +9,8 @@
     "noEmit": true,
     "paths": {
       "~/*": ["src/*"]
-    }
+    },
+    "types": ["node", "@cutting/useful-types", "@cutting/useful-types/jsx"]
   },
   "include": [
     "src/**/*.ts",
@@ -20,7 +21,7 @@
     "node_modules/@floating-ui/dom/src/types.d.ts",
     "node_modules/@floating-ui/react-dom/src/types.d.ts",
     "node_modules/@floating-ui/react/src/types.d.ts",
-    "node_modules/@cutting/useful-types/global.d.ts"
+    "../../node_modules/@types/mdx/index.d.ts"
   ],
   "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx", "server.mts", "pruned"]
 }
diff --git a/package.json b/package.json
@@ -21,6 +21,10 @@
     "prerelease": "pnpm clean && pnpm install --no-frozen-lockfile && pnpm run build",
     "release": "pnpm run prerelease && changeset publish && git push --follow-tags && git status && pnpm -r publish"
   },
+  "dependencies": {
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
+  },
   "devDependencies": {
     "@changesets/cli": "2.28.1",
     "@cutting/assert": "workspace:*",
@@ -78,9 +82,10 @@
   },
   "pnpm": {
     "overrides": {
-      "eslint": "^9.21.0",
+      "@types/react": "19.0.10",
+      "@types/react-dom": "19.0.4",
       "@typescript-eslint/parser": "8.26.0",
-      "gsap": "npm:@gsap/shockingly@^3.12.5"
+      "gsap": "npm:@gsap/shockingly@^3.12.7"
     },
     "updateConfig": {
       "ignoreDependencies": [
diff --git a/packages/component-library/package.json b/packages/component-library/package.json
@@ -40,7 +40,6 @@
     "@testing-library/react": "16.2.0",
     "@types/babel__core": "7.20.5",
     "@types/dedent": "0.7.2",
-    "@types/mdx-js__react": "2.0.0",
     "@types/react": "19.0.10",
     "@types/react-dom": "19.0.4",
     "@vanilla-extract/css": "^1.17.1",
@@ -65,8 +64,8 @@
     "@vanilla-extract/sprinkles": "1.6.3",
     "@vanilla-extract/css-utils": "^0.1.4",
     "@vanilla-extract/dynamic": "^2.1.2",
-    "react": ">= 19.0.0",
-    "react-dom": ">= 19.0.0",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "react-router": ">= 7.2.0",
     "react-is": ">= 18.3.1"
   },
diff --git a/packages/component-library/tsconfig.json b/packages/component-library/tsconfig.json
@@ -5,7 +5,8 @@
     "noEmit": true,
     "paths": {
       "~/*": ["src/*"]
-    }
+    },
+    "types": ["node", "@cutting/useful-types", "@cutting/useful-types/jsx"]
   },
   "include": [
     "src/**/*.ts",
diff --git a/packages/devtools/package.json b/packages/devtools/package.json
@@ -59,8 +59,6 @@
     "postcss-url": "10.1.3",
     "prettier": "3.5.3",
     "raf": "3.4.1",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
     "rollup": "4.34.9",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-inject-process-env": "1.3.1",
@@ -99,7 +97,13 @@
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-prettier": "5.2.3",
     "eslint-plugin-react": "7.37.4",
-    "eslint-plugin-react-hooks": "5.2.0"
+    "eslint-plugin-react-hooks": "5.2.0",
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
+  },
+  "peerDependencies": {
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
   },
   "volta": {
     "extends": "../../package.json"
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
@@ -34,8 +34,8 @@
     "react-dom": "19.0.0"
   },
   "peerDependencies": {
-    "react": ">= 19.0.0",
-    "react-dom": ">= 19.0.0"
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
   },
   "volta": {
     "extends": "../../package.json"
diff --git a/packages/markdown/package.json b/packages/markdown/package.json
@@ -29,7 +29,7 @@
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
-    "remark-mdx-images": "^3.0.0",
+    "rehype-mdx-import-media": "^1.2.0",
     "rehype-preset-minify": "^7.0.1",
     "rehype-raw": "^7.0.0",
     "rehype-slug": "^6.0.0",
diff --git a/packages/markdown/src/bundleMarkdown.ts b/packages/markdown/src/bundleMarkdown.ts
@@ -11,7 +11,6 @@ import rehypePresetMinify from 'rehype-preset-minify';
 import rehypePrismPlus from 'rehype-prism-plus';
 import rehypeRaw from 'rehype-raw';
 import rehypeSlug from 'rehype-slug';
-// import remarkMdxImages from 'remark-mdx-images';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
diff --git a/packages/react-hook-form-components/tsconfig.json b/packages/react-hook-form-components/tsconfig.json
@@ -2,7 +2,8 @@
   "extends": "../../tsconfig-base.json",
   "compilerOptions": {
     "baseUrl": "./",
-    "noEmit": true
+    "noEmit": true,
+    "types": ["node", "@cutting/useful-types", "@cutting/useful-types/jsx"]
   },
   "include": ["src/**/*.ts", "src/**/*.tsx"],
   "references": [{ "path": "../util/tsconfig.dist.json" }]
diff --git a/packages/svg/package.json b/packages/svg/package.json
@@ -32,8 +32,8 @@
     "react-dom": "19.0.0"
   },
   "peerDependencies": {
-    "react": ">= 19.0.0",
-    "react-dom": ">= 19.0.0"
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
   },
   "scripts": {
     "build": "NODE_ENV=production devtools rollup",
diff --git a/packages/svg/tsconfig.json b/packages/svg/tsconfig.json
@@ -3,7 +3,8 @@
   "compilerOptions": {
     "baseUrl": "./",
     "rootDirs": ["src", "demo"],
-    "noEmit": true
+    "noEmit": true,
+    "types": ["node", "@cutting/useful-types", "@cutting/useful-types/jsx"]
   },
   "references": [
     { "path": "../util/tsconfig.dist.json" },
diff --git a/packages/tsconfig/tsconfig.json b/packages/tsconfig/tsconfig.json
@@ -18,7 +18,6 @@
     "declarationMap": true,
     "sourceMap": true,
     "noFallthroughCasesInSwitch": true,
-    "lib": ["es5", "es2015", "es2016", "ES2019", "ES2022", "ES2023", "dom"],
-    "types": ["node", "@cutting/useful-types"]
+    "lib": ["es5", "es2015", "es2016", "ES2019", "ES2022", "ES2023", "dom"]
   }
 }
diff --git a/packages/use-get-parent-size/package.json b/packages/use-get-parent-size/package.json
@@ -40,8 +40,8 @@
     "three": "^0.174.0"
   },
   "peerDependencies": {
-    "react": ">= 19.0.0",
-    "react-dom": ">= 19.0.0",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "resize-observer-polyfill": ">= 1.5.1",
     "use-debounce": ">= 10.0.3"
   },
diff --git a/packages/use-mathjax/package.json b/packages/use-mathjax/package.json
@@ -36,8 +36,8 @@
     "react-syntax-highlighter": "15.6.1"
   },
   "peerDependencies": {
-    "react": ">= 19.0.0",
-    "react-dom": ">= 19.0.0"
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
   },
   "keywords": [
     "hotkeys",
diff --git a/packages/use-mathjax/tsconfig.json b/packages/use-mathjax/tsconfig.json
@@ -2,10 +2,9 @@
   "extends": "../../tsconfig-base.json",
   "compilerOptions": {
     "baseUrl": "./",
-    "noEmit": true
+    "noEmit": true,
+    "types": ["node", "@cutting/useful-types", "@cutting/useful-types/jsx"]
   },
   "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "references": [
-    { "path": "../util/tsconfig.dist.json" }
-  ]
+  "references": [{ "path": "../util/tsconfig.dist.json" }]
 }
diff --git a/packages/use-shortcuts/package.json b/packages/use-shortcuts/package.json
@@ -39,8 +39,8 @@
     "react-dom": "19.0.0"
   },
   "peerDependencies": {
-    "react": ">= 19.0.0",
-    "react-dom": ">= 19.0.0"
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
   },
   "volta": {
     "extends": "../../package.json"
diff --git a/packages/use-shortcuts/tsconfig.json b/packages/use-shortcuts/tsconfig.json
@@ -2,10 +2,9 @@
   "extends": "../../tsconfig-base.json",
   "compilerOptions": {
     "baseUrl": "./",
-    "noEmit": true
+    "noEmit": true,
+    "types": ["node", "@cutting/useful-types", "@cutting/useful-types/jsx"]
   },
   "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "references": [
-    { "path": "../util/tsconfig.dist.json" }
-  ]
-}
+  "references": [{ "path": "../util/tsconfig.dist.json" }]
+}
diff --git a/packages/useful-types/global.d.ts b/packages/useful-types/global.d.ts
diff --git a/packages/useful-types/index.d.ts b/packages/useful-types/index.d.ts
diff --git a/packages/useful-types/jsx.d.ts b/packages/useful-types/jsx.d.ts
diff --git a/packages/useful-types/package.json b/packages/useful-types/package.json
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tsconfig.packages.json b/tsconfig.packages.json
