Reactjs18 (#242)

* Updated package.json file values for ReactJs 18

* The Example component updated for ReactJs18

* Update Example.jsx

Co-authored-by: Taylor Otwell <[email protected]>

Author: gqrdev

src/Presets/React.php

@@ -32,9 +32,9 @@ public static function install()
     protected static function updatePackageArray(array $packages)
     {
         return [
-            '@vitejs/plugin-react' => '^2.0.0',
-            'react' => '^17.0.2',
-            'react-dom' => '^17.0.2',
+            '@vitejs/plugin-react' => '^2.2.0',
+            'react' => '^18.2.0',
+            'react-dom' => '^18.2.0',
         ] + Arr::except($packages, [
             '@vitejs/plugin-vue',
             'vue'

src/Presets/react-stubs/Example.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 
 function Example() {
     return (
@@ -20,5 +20,11 @@ function Example() {
 export default Example;
 
 if (document.getElementById('example')) {
-    ReactDOM.render(<Example />, document.getElementById('example'));
+    const Index = ReactDOM.createRoot(document.getElementById("example"));
+
+    Index.render(
+        <React.StrictMode>
+            <Example/>
+        </React.StrictMode>
+    )
 }