Added redux storee to project

package.json

@@ -16,8 +16,10 @@
   "dependencies": {
     "@mui/icons-material": "^5.0.3",
     "@mui/material": "^5.0.3",
+    "@reduxjs/toolkit": "^1.6.2",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "react-redux": "^7.2.5"
   },
   "private": "true"
 }

src/hooks.ts

@@ -1,4 +1,7 @@
 import { ChangeEventHandler, useState } from "react";
+import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux";
+
+import { AppDispatch, RootState } from "./store";
 
 export type UseInputValueReturnT = {
   onChange: ChangeEventHandler<HTMLInputElement>;
@@ -18,3 +21,6 @@ export const useInputValue = (
     value,
   };
 };
+
+export const useAppDispatch = () => useDispatch<AppDispatch>();
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;

src/store/index.ts

@@ -0,0 +1,10 @@
+import { configureStore } from "@reduxjs/toolkit";
+
+const store = configureStore({
+  reducer: {},
+});
+
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;
+
+export default store;