fix: support react 19 as peer dependency

fix #150

Author: jedwards1211

demo/examples/ChainingEventHandlers.hooks.js

@@ -10,35 +10,38 @@ import { chainEventHandlers } from 'material-ui-popup-state/chainEventHandlers'
 
 const DialogPopupState = () => (
   <PopupState variant="dialog">
-    {(popupState) => (
-      <React.Fragment>
-        <Button variant="contained" {...bindTrigger(popupState)}>
-          Open Dialog
-        </Button>
-        <Dialog
-          {...chainEventHandlers(bindDialog(popupState), {
-            onClose: () => setTimeout(() => alert('closed dialog!'), 10),
-          })}
-          aria-labelledby="alert-dialog-title"
-          aria-describedby="alert-dialog-description"
-        >
-          <DialogTitle id="alert-dialog-title">
-            Chaining Event Handlers example
-          </DialogTitle>
-          <DialogContent>
-            <DialogContentText id="alert-dialog-description">
-              After you close this dialog, you should get an alert
-            </DialogContentText>
-          </DialogContent>
-          <DialogActions>
-            <Button onClick={popupState.close}>Cancel</Button>
-            <Button onClick={popupState.close} autoFocus>
-              OK
-            </Button>
-          </DialogActions>
-        </Dialog>
-      </React.Fragment>
-    )}
+    {(popupState) => {
+      const boundDialogProps = chainEventHandlers(bindDialog(popupState), {
+        onClose: () => setTimeout(() => alert('closed dialog!'), 10),
+      })
+      return (
+        <React.Fragment>
+          <Button variant="contained" {...bindTrigger(popupState)}>
+            Open Dialog
+          </Button>
+          <Dialog
+            {...boundDialogProps}
+            aria-labelledby="alert-dialog-title"
+            aria-describedby="alert-dialog-description"
+          >
+            <DialogTitle id="alert-dialog-title">
+              Chaining Event Handlers example
+            </DialogTitle>
+            <DialogContent>
+              <DialogContentText id="alert-dialog-description">
+                After you close this dialog, you should get an alert
+              </DialogContentText>
+            </DialogContent>
+            <DialogActions>
+              <Button onClick={boundDialogProps.onClose}>Cancel</Button>
+              <Button onClick={boundDialogProps.onClose} autoFocus>
+                OK
+              </Button>
+            </DialogActions>
+          </Dialog>
+        </React.Fragment>
+      )
+    }}
   </PopupState>
 )
 

demo/examples/ChainingEventHandlers.js

@@ -37,8 +37,8 @@
     "@babel/node": "^7.20.5",
     "@babel/plugin-syntax-flow": "^7.14.5",
     "@babel/plugin-transform-react-jsx": "^7.14.9",
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
     "@jcoreio/eslint-plugin-implicit-dependencies": "^1.1.1",
     "@jcoreio/toolchain": "^4.9.0",
     "@jcoreio/toolchain-circle": "^4.9.0",
@@ -48,11 +48,11 @@
     "@jcoreio/toolchain-react": "^4.9.0",
     "@jcoreio/toolchain-semantic-release": "^4.9.0",
     "@jcoreio/toolchain-typescript": "^4.9.0",
-    "@mui/icons-material": "^6.0.0",
-    "@mui/material": "^6.0.0",
-    "@mui/styles": "6.0.0",
-    "@mui/types": "^7.2.16",
-    "@testing-library/react": "^13.4.0",
+    "@mui/icons-material": "^6.2.0",
+    "@mui/material": "^6.2.0",
+    "@mui/styles": "6.2.0",
+    "@mui/types": "^7.2.19",
+    "@testing-library/react": "^16.1.0",
     "@types/chai": "^4.3.5",
     "@types/glob": "^8.0.0",
     "@types/mocha": "^10.0.6",
@@ -75,12 +75,12 @@
     "flow-bin": "^0.145.0",
     "gh-pages": "^2.0.1",
     "glob": "^8.0.3",
-    "global-jsdom": "^9.0.1",
-    "jsdom": "^22.1.0",
+    "global-jsdom": "^25.0.0",
+    "jsdom": "^25.0.1",
     "mocha": "^10.2.0",
     "raw-loader": "^4.0.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rimraf": "^3.0.2",
     "sinon": "^6.3.5",
     "typescript": "^5.1.0",
@@ -91,13 +91,13 @@
   "dependencies": {
     "@babel/runtime": "^7.20.6",
     "@types/prop-types": "^15.7.3",
-    "@types/react": "^18.0.26",
+    "@types/react": "^19.0.1",
     "classnames": "^2.2.6",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "@mui/material": "^5.0.0 || ^6.0.0",
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    "react": "^16.8.0 || ^17 || ^18 || ^19"
   },
   "main": "dist/index.js",
   "module": "dist/index.mjs",