feat: support react 19 (#1497)

* fix(deps): update dependency framer-motion to v11.13.1

* chore: fix types error

* fix: upgrade to react 19

* chore: dedupe deps

* chore: run TS codemod

* chore: tweak linter

* chore: temp workaround

* chore: fix TS issues

* chore: remaining linter warnings

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

.eslintrc.js

@@ -35,9 +35,8 @@ module.exports = {
     'prettier',
   ],
   rules: {
-    '@typescript-eslint/explicit-module-boundary-types': 'error',
-    '@typescript-eslint/interface-name-prefix': 'off',
-    '@typescript-eslint/member-delimiter-style': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
     '@typescript-eslint/no-empty-interface': 'off',
     'boundaries/element-types': [
       'error',

.github/renovate.json

@@ -1,9 +1,6 @@
 {
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": [
-    "github>sanity-io/renovate-config",
-    ":reviewer(team:ecosystem)"
-  ],
+  "extends": ["github>sanity-io/renovate-config", ":reviewer(team:ecosystem)"],
   "ignorePresets": ["github>sanity-io/renovate-config:group-non-major"],
   "packageRules": [
     {

.storybook/main.ts

@@ -25,7 +25,7 @@ const config: StorybookConfig = {
     return mergeConfig(config, {
       plugins: [
         viteReact({
-          babel: {plugins: [['babel-plugin-react-compiler', {target: '18'}]]},
+          babel: {plugins: [['babel-plugin-react-compiler', {target: '19'}]]},
         }),
         tsconfigPaths(),
       ],

figma/src/vars/prepareSanityUIColorVariables.ts

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
 import {
   THEME_COLOR_BUTTON_MODES,
   THEME_COLOR_CARD_TONES,

package.json

@@ -109,7 +109,7 @@
     "@sanity/color": "^3.0.6",
     "@sanity/icons": "^3.4.0",
     "csstype": "^3.1.3",
-    "framer-motion": "11.0.8",
+    "framer-motion": "^11.13.1",
     "react-compiler-runtime": "19.0.0-beta-df7b47d-20241124",
     "react-refractor": "^2.2.0",
     "use-effect-event": "^1.0.2"
@@ -126,30 +126,30 @@
     "@sanity/prettier-config": "^1.0.3",
     "@sanity/semantic-release-preset": "^5.0.0",
     "@sanity/ui-workshop": "^2.0.16",
-    "@storybook/addon-a11y": "^8.4.5",
-    "@storybook/addon-docs": "^8.4.5",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-interactions": "^8.4.5",
-    "@storybook/addon-links": "^8.4.5",
-    "@storybook/addon-mdx-gfm": "^8.4.5",
-    "@storybook/addon-storysource": "^8.4.5",
-    "@storybook/addon-themes": "^8.4.5",
-    "@storybook/blocks": "^8.4.5",
-    "@storybook/manager-api": "^8.4.5",
-    "@storybook/react": "^8.4.5",
-    "@storybook/react-vite": "^8.4.5",
-    "@storybook/test": "^8.4.5",
-    "@storybook/theming": "^8.4.5",
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-docs": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-storysource": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.2",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
     "@types/jest-axe": "^3.5.9",
     "@types/node": "^20.12.7",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@types/react-is": "^18.3.0",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "@types/react-is": "^19.0.0",
     "@types/refractor": "^3.4.1",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
@@ -178,14 +178,14 @@
     "module-alias": "^2.2.3",
     "npm-run-all2": "^5.0.2",
     "prettier": "^3.3.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-is": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-is": "^19.0.0",
     "refractor": "^4.8.1",
     "rimraf": "^5.0.5",
     "semantic-release": "^24.0.0",
     "start-server-and-test": "^2.0.5",
-    "storybook": "^8.4.5",
+    "storybook": "^8.4.7",
     "styled-components": "^6.1.13",
     "tsconfig-paths": "^4.2.0",
     "typescript": "5.6.3",
@@ -207,7 +207,13 @@
   },
   "pnpm": {
     "overrides": {
-      "conventional-changelog-conventionalcommits": ">= 8.0.0"
+      "@types/react": "$@types/react",
+      "@types/react-dom": "$@types/react-dom",
+      "@types/react-is": "$@types/react-is",
+      "conventional-changelog-conventionalcommits": ">= 8.0.0",
+      "react": "$react",
+      "react-dom": "$react-dom",
+      "react-is": "$react-is"
     }
   },
   "esm.sh": {