Merge pull request #556 from pixijs/555-react-19-support

React 19 support

README.md

@@ -120,10 +120,6 @@ const MyComponent = () => {
 }
 ```
 
-###### `attachToDevtools`
-
-Setting `attachToDevtools` to `true` will automatically attach the application to the [Official Pixi.js Devtools](https://chromewebstore.google.com/detail/pixijs-devtools/dlkffcaaoccbofklocbjcmppahjjboce).
-
 ###### `defaultTextStyle`
 
 `defaultTextStyle` is a convenience property. Whatever is passed will automatically be assigned to Pixi.js's [`TextStyle.defaultTextStyle`](https://pixijs.download/release/docs/text.TextStyle.html#defaultTextStyle).
@@ -207,8 +203,8 @@ const MyComponent = () => {
 If you're using Typescript, this new `<viewport>` component will throw type errors. Pixi React exports a `PixiReactElementProps` type that can be used to solve this. You'll need to pass the `Viewport` into `PixiReactElementProps` and inject it into JSX:
 
 ```ts
-import type { PixiReactElementProps } from '@pixi/react'
-import type { Viewport } from 'pixi-viewport'
+import { type PixiReactElementProps } from '@pixi/react'
+import { type Viewport } from 'pixi-viewport'
 
 declare global {
   namespace JSX {

package.json

@@ -61,26 +61,26 @@
     ]
   },
   "dependencies": {
-    "react-reconciler": "0.29.2"
+    "react-reconciler": "0.31.0"
   },
   "devDependencies": {
     "@pixi/extension-scripts": "^4.0.0",
     "@rollup/plugin-commonjs": "^25.0.8",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/react": "^18.3.2",
-    "@types/react-reconciler": "0.28.8",
+    "@types/react": "^19.0.0",
+    "@types/react-reconciler": "^0.28.9",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/browser": "^2.0.4",
     "husky": "^8.0.0",
     "jsdom": "^25.0.0",
     "pixi.js": "8.2.6",
     "playwright": "^1.45.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rollup": "^4.18.0",
     "rollup-plugin-esbuild": "^6.1.1",
     "rollup-plugin-sourcemaps": "^0.6.3",
@@ -89,13 +89,7 @@
   },
   "peerDependencies": {
     "pixi.js": "^8.2.6",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react-dom": {
-      "optional": true
-    }
+    "react": ">=19.0.0"
   },
   "overrides": {
     "rollup": "^4.18.0"