React 19 support (#27)

* update test harness

* change default version to react 18

* try react 19

* rc

* try new

* published

* explicitly support v19 betas

Author: goto-bus-stop

.github/workflows/ci.yml

@@ -9,7 +9,7 @@ jobs:
     strategy:
       matrix:
         node-version: [16.x, 18.x, 20.x, 22.x]
-        react-version: [17.x, 18.x]
+        react-version: [17.x, 18.x, rc]
     steps:
       - name: Checkout sources
         uses: actions/checkout@v4
@@ -20,7 +20,7 @@ jobs:
       - name: Install dependencies
         run: npm install
       - name: Install React ${{matrix.react-version}}
-        if: matrix.react-version != '17.x'
-        run: npm install -D react@${{matrix.react-version}} react-test-renderer@${{matrix.react-version}}
+        if: matrix.react-version != '18.x'
+        run: npm install -D react@${{matrix.react-version}} react-dom@${{matrix.react-version}}
       - name: Run tests
         run: npm test

package.json

@@ -21,11 +21,12 @@
     "mitt": "^3.0.1"
   },
   "peerDependencies": {
-    "react": ">=17.0.0"
+    "react": ">=17.0.0 || ^19.0.0-0"
   },
   "devDependencies": {
-    "react": "^17.0.0",
-    "react-test-renderer": "^17.0.0",
+    "min-react-env": "^2.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "tsup": "^8.1.0",
     "typescript": "^5.0.2"
   },

test.js

@@ -2,11 +2,35 @@
 var test = require('node:test')
 var assert = require('node:assert')
 var React = require('react')
-var TestRenderer = require('react-test-renderer')
+var ReactDOM = require('react-dom')
+require('min-react-env/install')
 var Provider = require('./').Provider
 var useBus = require('./').useBus
 var useListener = require('./').useListener
 
+var act = React.act || require('react-dom/test-utils').act
+
+function createTestRenderer () {
+  var div = document.createElement('div')
+  var root
+  var reactMajor = parseInt((ReactDOM.version || '16').split('.')[0], 10)
+  if (reactMajor >= 18) {
+    var createRoot = require('react-dom/client').createRoot
+    root = createRoot(div)
+  } else {
+    root = {
+      render: function (element) {
+        ReactDOM.render(element, div)
+      },
+      unmount: function () {
+        ReactDOM.unmountComponentAtNode(div)
+      },
+    }
+  }
+
+  return root
+}
+
 var h = React.createElement
 
 test('emits events on context', function () {
@@ -22,9 +46,9 @@ test('emits events on context', function () {
     return h('div')
   }
 
-  var renderer
-  TestRenderer.act(function () {
-    renderer = TestRenderer.create(
+  var renderer = createTestRenderer()
+  act(function () {
+    renderer.render(
       h(Provider, {},
         h('div', {},
           h(Listener),
@@ -54,9 +78,9 @@ test('useListener', function () {
     return h('div')
   }
 
-  var renderer
-  TestRenderer.act(function () {
-    renderer = TestRenderer.create(
+  var renderer = createTestRenderer()
+  act(function () {
+    renderer.render(
       h(Provider, {},
         h('div', {},
           h(Listener),
@@ -68,8 +92,8 @@ test('useListener', function () {
 
   assert(onhello.called)
   onhello.called = false
-  TestRenderer.act(function () {
-    renderer.update(
+  act(function () {
+    renderer.render(
       h(Provider, {},
         h('div', {},
           h(Emitter)