fix: revert react upgrade in website facebook/docusaurus#7264 (comment)

Author: FaberVitale

docs/rtk-query/usage/migrating-to-rtk-query.mdx

@@ -210,6 +210,8 @@ export const selectDataByName = (state: RootState, name: string) =>
   state.pokemon.dataByName[name]
 
 // file: src/store.ts noEmit
+import { useDispatch } from 'react-redux'
+import { EnhancedStore } from '@reduxjs/toolkit'
 interface Pokemon {}
 type RequestState = 'pending' | 'fulfilled' | 'rejected'
 
@@ -221,10 +223,14 @@ export type RootState = {
   pokemon: typeof initialPokemonSlice
 }
 
+export declare const store: EnhancedStore<RootState> 
+export type AppDispatch = typeof store.dispatch
+export declare const useAppDispatch: () => (...args: any[])=> any;
+
 // file: src/hooks.ts
 import { useEffect } from 'react'
-import { useDispatch, useSelector } from 'react-redux'
-import { RootState } from './store'
+import { useSelector } from 'react-redux'
+import { RootState, useAppDispatch } from './store'
 import {
   fetchPokemonByName,
   selectStatusByName,
@@ -233,7 +239,7 @@ import {
 
 // highlight-start
 export function useGetPokemonByNameQuery(name: string) {
-  const dispatch = useDispatch()
+  const dispatch = useAppDispatch()
   // select the current status from the store state for the provided name
   const status = useSelector((state: RootState) =>
     selectStatusByName(state, name)

package.json

@@ -44,7 +44,15 @@
     "react-dom": "npm:18.1.0",
     "@types/react": "npm:18.0.12",
     "@types/react-dom": "npm:18.0.5",
-    "@types/inquirer": "npm:8.2.1"
+    "@types/inquirer": "npm:8.2.1",
+    "website/react": "npm:17.0.2",
+    "website/react-dom": "npm:17.0.2",
+    "website/@types/react-dom": "npm:17.0.11",
+    "website/@types/react": "npm:17.0.11",
+    "docs/react": "npm:17.0.2",
+    "docs/react-dom": "npm:17.0.2",
+    "docs/@types/react-dom": "npm:17.0.11",
+    "docs/@types/react": "npm:17.0.11"
   },
   "scripts": {
     "build": "yarn build:packages",

website/package.json

@@ -12,8 +12,8 @@
     "@docusaurus/core": "2.0.0-beta.7",
     "@docusaurus/preset-classic": "2.0.0-beta.7",
     "classnames": "^2.2.6",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-lite-youtube-embed": "^2.0.3",
     "remark-typescript-tools": "^1.0.8",
     "typescript": "~4.2.4"

yarn.lock

@@ -27447,8 +27447,8 @@ resolve@~1.19.0:
     "@docusaurus/preset-classic": 2.0.0-beta.7
     classnames: ^2.2.6
     netlify-plugin-cache: ^1.0.3
-    react: ^18.1.0
-    react-dom: ^18.1.0
+    react: ^17.0.2
+    react-dom: ^17.0.2
     react-lite-youtube-embed: ^2.0.3
     remark-typescript-tools: ^1.0.8
     typescript: ~4.2.4