bumping versions and adding react 18 to the supported peer deps.

Author: sheaivey

examples/advanced/app.js

@@ -1,6 +1,6 @@
 import { Request } from 'react-axios'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 
 class App extends React.Component {
   constructor(props) {
@@ -79,10 +79,10 @@ class App extends React.Component {
   }
 }
 
-
-ReactDOM.render(
+const container = document.getElementById('app')
+const root = createRoot(container)
+root.render(
   <React.StrictMode>
-      <App />
-  </React.StrictMode>,
-  document.getElementById('app')
+    <App />
+  </React.StrictMode>
 )

examples/provider/app.js

@@ -1,7 +1,7 @@
 import { AxiosProvider, Get } from 'react-axios'
 import axios from 'axios'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 
 const axiosProvider = axios.create({
   baseURL: '/api/provider/',
@@ -57,9 +57,10 @@ class App extends React.Component {
   }
 }
 
-ReactDOM.render(
+const container = document.getElementById('app')
+const root = createRoot(container)
+root.render(
   <React.StrictMode>
-      <App />
-  </React.StrictMode>,
-  document.getElementById('app')
+    <App />
+  </React.StrictMode>
 )

examples/request/app.js

@@ -1,6 +1,6 @@
 import { Request, Get, Post, Put, Delete, Head, Patch } from 'react-axios'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 
 class App extends React.Component {
   constructor(props) {
@@ -57,10 +57,10 @@ class App extends React.Component {
   }
 }
 
-
-ReactDOM.render(
+const container = document.getElementById('app')
+const root = createRoot(container)
+root.render(
   <React.StrictMode>
-      <App />
-  </React.StrictMode>,
-  document.getElementById('app')
+    <App />
+  </React.StrictMode>
 )

examples/withAxios/app.js

@@ -1,6 +1,6 @@
 import { withAxios } from 'react-axios'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 
 class App extends React.Component {
   render() {
@@ -46,9 +46,10 @@ const DemoComponentHoC = withAxios({
   url: '/api/request',
 })(DemoComponent)
 
-ReactDOM.render(
+const container = document.getElementById('app')
+const root = createRoot(container)
+root.render(
   <React.StrictMode>
-      <App />
-  </React.StrictMode>,
-  document.getElementById('app')
-)
+    <App />
+  </React.StrictMode>
+)