Add support for React v18

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 - Removed support for depecrated `extraAriaContext` (please use `ariaLabelBuilder` instead)
 
+## >= 8.1.3
+
+- Support React 18 (see: https://github.com/AdeleD/react-paginate/issues/423)
+
 ## >= 8.1.2
 
 - Excluded unnecessary files from package (see: https://github.com/AdeleD/react-paginate/pull/410)

demo/js/demo.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import PropTypes from 'prop-types';
 import ReactPaginate from 'react-paginate';
 import styled from 'styled-components';
@@ -172,7 +172,8 @@ export class App extends Component {
   }
 }
 
-ReactDOM.render(
-  <App url={'http://localhost:3000/comments'} author={'adele'} perPage={6} />,
-  document.getElementById('react-paginate')
+const container = document.getElementById('react-paginate');
+const root = createRoot(container);
+root.render(
+  <App url={'http://localhost:3000/comments'} author={'adele'} perPage={6} />
 );

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-paginate",
-  "version": "8.1.2",
+  "version": "8.1.3",
   "description": "A ReactJS component that creates a pagination.",
   "main": "./dist/react-paginate.js",
   "repository": {
@@ -24,7 +24,7 @@
     "prop-types": "^15.6.1"
   },
   "peerDependencies": {
-    "react": "^16 || ^17"
+    "react": "^16 || ^17 || ^18"
   },
   "devDependencies": {
     "@babel/core": "^7.15.8",
@@ -42,8 +42,8 @@
     "jest-cli": "^27.3.1",
     "jquery": "^3.6.0",
     "prettier": "^2.4.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18",
+    "react-dom": "^18",
     "react-hot-loader": "^4.13.0",
     "serve-static": "^1.14.1",
     "styled-components": "^5.3.3",