feat: React 19 support (#390)

Co-authored-by: Felix Habib <fhabib@seek.com.au>

Author: imjordanxd

.changeset/new-hairs-appear.md

@@ -0,0 +1,5 @@
+---
+'playroom': minor
+---
+
+Update `react` and `react-dom` peer dependency ranges to include `^19`

.changeset/odd-bats-lie.md

@@ -0,0 +1,5 @@
+---
+'playroom': patch
+---
+
+Remove `react-use` dependency

cypress/e2e/editor.cy.ts

@@ -21,7 +21,7 @@ describe('Editor', () => {
   });
 
   it('autocompletes', () => {
-    typeCode('<F{enter} c{enter}={downarrow}{enter} />', 100);
+    typeCode('<F{enter} c{enter}={downarrow}{enter} />', 150);
     assertFirstFrameContains('Foo');
     assertCodePaneContains('<Foo color="blue" />');
   });

lib/makeWebpackConfig.js

@@ -30,7 +30,11 @@ module.exports = async (playroomConfig, options) => {
       }
     );
     const { version } = JSON.parse(pkgContents);
-    isLegacyReact = !(version.startsWith('18') || version.startsWith('0.0.0'));
+    isLegacyReact = !(
+      version.startsWith('18') ||
+      version.startsWith('19') ||
+      version.startsWith('0.0.0')
+    );
   } catch (e) {
     throw new Error('Unable to read `react-dom` package json');
   }

package.json

@@ -73,8 +73,8 @@
     "@types/base64-url": "^2.2.0",
     "@types/codemirror": "^5.60.5",
     "@types/prettier": "^2.7.1",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@vanilla-extract/css": "^1.9.2",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/dynamic": "^2.1.2",
@@ -102,11 +102,10 @@
     "portfinder": "^1.0.32",
     "prettier": "^2.8.1",
     "prop-types": "^15.8.1",
-    "re-resizable": "^6.10.0",
+    "re-resizable": "^6.11.2",
     "react-docgen-typescript": "^2.2.2",
     "react-helmet": "^6.1.0",
     "react-transition-group": "^4.4.5",
-    "react-use": "^17.4.0",
     "read-pkg-up": "^7.0.1",
     "scope-eval": "^1.0.0",
     "sucrase": "^3.34.0",
@@ -120,7 +119,7 @@
     "@actions/core": "^1.10.0",
     "@changesets/cli": "^2.25.2",
     "@octokit/rest": "^19.0.5",
-    "@testing-library/cypress": "^10.0.1",
+    "@testing-library/cypress": "^10.0.3",
     "@types/jest": "^29.2.4",
     "@types/node": "^18.11.9",
     "@types/react-helmet": "^6.1.6",
@@ -132,15 +131,15 @@
     "husky": "^8.0.2",
     "jest": "^29.3.1",
     "lint-staged": "^15.2.2",
-    "react": "^18.0.1",
-    "react-dom": "^18.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "serve": "^14.1.2",
     "start-server-and-test": "^1.15.2",
     "surge": "^0.23.1"
   },
   "peerDependencies": {
-    "react": "^17 || ^18",
-    "react-dom": "^17 || ^18"
+    "react": "^17 || ^18 || ^19",
+    "react-dom": "^17 || ^18 || ^19"
   },
   "engines": {
     "node": ">=18.12.0"