Fix benchmarks

* Import 'createRoot' from the right place
* Update class name hashes that have changed

Author: necolas

package-lock.json

@@ -11,8 +11,8 @@
     "classnames": "^2.3.1",
     "d3-scale-chromatic": "^3.0.0",
     "prop-types": "^15.6.0",
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-native-web": "0.18.10"
   },
   "devDependencies": {

packages/benchmarks/package.json

@@ -47,7 +47,7 @@ const styles = {
   },
   color4: {
     $$css: true,
-    backgroundColor: 'r-1dgebii'
+    backgroundColor: 'r-18z3xeu'
   },
   color5: {
     $$css: true,

packages/benchmarks/src/implementations/styleq/Box.js

@@ -11,7 +11,7 @@ function View(props) {
 const styles = {
   root: {
     $$css: true,
-    'css-g5y9jx': 'css-g5y9jx'
+    'css-wkmxpp': 'css-wkmxpp'
   }
 };
 

packages/benchmarks/src/implementations/styleq/View.js

@@ -4,7 +4,7 @@ import Tree from './cases/Tree';
 import SierpinskiTriangle from './cases/SierpinskiTriangle';
 
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 const implementations = impl;
 const packageNames = Object.keys(implementations);
@@ -74,4 +74,4 @@ const tests = {
 const root = document.querySelector('.root');
 const element = <App tests={tests} />;
 
-ReactDOM.createRoot(root).render(element);
+createRoot(root).render(element);