fix: changed peer dependencies to allow a broader range of vue and react versions

Author: milesingrams

examples/react/package.json

@@ -8,19 +8,19 @@
   "dependencies": {
     "@animxyz/react": "^0.6.6",
     "fontsource-inconsolata": "4.0.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "ress": "^4.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "ress": "^5.0.2",
     "typeface-inter": "^3.18.1"
   },
   "devDependencies": {
-    "@craco/craco": "^6.1.2",
+    "@craco/craco": "^6.4.5",
     "babel-eslint": "^10.1.0",
     "craco-plugin-scoped-css": "^1.1.1",
     "craco-sass-resources-loader": "^1.1.0",
-    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react": "^7.30.1",
     "include-media": "^1.4.10",
-    "react-scripts": "4.0.3",
-    "sass": "^1.35.1"
+    "react-scripts": "5.0.1",
+    "sass": "^1.53.0"
   }
 }

examples/react/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import App from './App'
 
 // Fonts
@@ -9,4 +9,6 @@ import 'fontsource-inconsolata'
 // Styles
 import './styles/_index.scss'
 
-ReactDOM.render(<App />, document.getElementById('root'))
+const container = document.getElementById('root')
+const root = createRoot(container) // createRoot(container!) if you use TypeScript
+root.render(<App />)

packages/react/package.json

@@ -48,21 +48,21 @@
   },
   "dependencies": {
     "@animxyz/core": "^0.6.6",
-    "clsx": "^1.1.1",
-    "prop-types": "^15.7.2",
+    "clsx": "^1.2.1",
+    "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.2"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": ">= 17",
+    "react-dom": ">= 17"
   },
   "devDependencies": {
     "babel-eslint": "^10.1.0",
     "bili": "^5.0.5",
-    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react": "^7.30.1",
     "npm-run-all": "^4.1.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "rimraf": "^3.0.2"
   }
 }

packages/vue/package.json

@@ -52,7 +52,7 @@
     "vue-functional-data-merge": "^3.1.0"
   },
   "peerDependencies": {
-    "vue": "^2.6.14"
+    "vue": ">= 2 < 3"
   },
   "devDependencies": {
     "@vue/eslint-config-prettier": "^6.0.0",

packages/vue3/package.json

@@ -51,7 +51,7 @@
     "clsx": "^1.1.1"
   },
   "peerDependencies": {
-    "vue": "^3.0.4"
+    "vue": ">= 3"
   },
   "devDependencies": {
     "@vue/eslint-config-prettier": "^6.0.0",