fix: update packages

Author: bytesagar

Diff for: package.json

@@ -31,7 +31,8 @@
     "inquirer": "^8.2.0",
     "listr": "^0.14.3",
     "ncp": "^2.0.0",
-    "pkg-install": "^1.0.0"
+    "pkg-install": "^1.0.0",
+    "react": "^18.2.0"
   },
   "files": [
     "bin/",

Diff for: src/templates/graphql/package.json

@@ -17,20 +17,20 @@
     "graphql:codegen": "graphql-codegen --config codegen.yml -r dotenv/config"
   },
   "dependencies": {
-    "@chakra-ui/react": "^1.8.3",
-    "@emotion/react": "^11",
-    "@emotion/styled": "^11",
+    "@chakra-ui/react": "^2.3.1",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
     "axios": "^0.24.0",
-    "framer-motion": "^5",
+    "framer-motion": "^7.2.1",
     "graphql": "^16.2.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-error-boundary": "^3.1.4",
-    "react-location": "^3.3.0",
-    "react-query": "^3.34.7"
+    "react-query": "^3.34.7",
+    "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@chakra-ui/cli": "^1.8.1",
+    "@chakra-ui/cli": "^2.1.7",
     "@commitlint/cli": "^15.0.0",
     "@commitlint/config-conventional": "^15.0.0",
     "@commitlint/prompt-cli": "^15.0.0",
@@ -41,11 +41,11 @@
     "@graphql-codegen/typescript-operations": "2.2.2",
     "@graphql-codegen/typescript-react-query": "^3.5.5",
     "@types/node": "^16.11.14",
-    "@types/react": "^17.0.37",
-    "@types/react-dom": "^17.0.11",
+    "@types/react": "^18.0.17",
+    "@types/react-dom": "^18.0.6",
     "@typescript-eslint/eslint-plugin": "^5.7.0",
     "@typescript-eslint/parser": "^5.7.0",
-    "@vitejs/plugin-react": "^1.1.3",
+    "@vitejs/plugin-react": "^2.0.1",
     "autoprefixer": "^10.4.0",
     "concurrently": "^7.0.0",
     "eslint": "^8.4.1",
@@ -58,11 +58,11 @@
     "husky": "^7.0.4",
     "lint-staged": "^12.1.2",
     "prettier": "2.5.1",
-    "react-test-renderer": "^17.0.2",
+    "react-test-renderer": "^18.2.0",
     "source-map-explorer": "^2.5.2",
     "ts-jest": "^27.1.1",
-    "typescript": "^4.5.4",
-    "vite": "^2.8.4",
+    "typescript": "^4.6.4",
+    "vite": "^3.0.7",
     "vite-tsconfig-paths": "^3.3.17"
   }
 }

Diff for: src/templates/graphql/src/App.tsx

@@ -1,14 +1,19 @@
 import { Suspense } from 'react';
 import { Spinner } from '@chakra-ui/react';
 
-import { ReactLocation, Router } from 'react-location';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import routes from 'routes';
 
-const location = new ReactLocation();
 function App() {
   return (
     <Suspense fallback={<Spinner />}>
-      <Router location={location} routes={routes}></Router>
+      <Router>
+        <Routes>
+          {routes.map((path) => (
+            <Route path={path.path} element={path.element} />
+          ))}
+        </Routes>
+      </Router>
     </Suspense>
   );
 }

Diff for: src/templates/graphql/vite.config.ts

@@ -7,12 +7,16 @@ export default defineConfig({
   envDir: './env',
   plugins: [react(), tsconfigPaths()],
   /* If proxy is needed
+
   server: {
     proxy: {
       "/api": "localhost:8080"
     }
   },
   */
+  server: {
+    port: 3000,
+  },
   resolve: {
     alias: {
       tslib: 'tslib/tslib.es6.js',