Pages

package.json

@@ -19,6 +19,7 @@
     "react-dom": "^18.2.0",
     "react-redux": "^8.0.5",
     "react-scripts": "5.0.1",
+    "redux": "^4.2.1",
     "typescript": "^4.9.4",
     "web-vitals": "^2.1.4"
   },
@@ -42,6 +43,7 @@
       "jsx-a11y/anchor-is-valid": [
         "off"
       ],
+      "import/prefer-default-export": "off",
       "react/require-default-props": [
         0
       ],

src/App.module.css

@@ -0,0 +1,5 @@
+.app {
+  margin: 0 auto;
+  max-width: 1218px;
+  border: 1px solid red;
+}

src/App.tsx

@@ -1,23 +1,8 @@
 import React from "react";
+import styles from "./App.module.css";
 
 function App() {
-  return (
-    <div className="App">
-      <header className="App-header">
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
-  );
+  return <div className={styles.app}>тест</div>;
 }
 
 export default App;

src/index.css

@@ -0,0 +1,8 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  background-color: #e1e1e1;
+}

src/index.tsx

@@ -1,9 +1,10 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
+import "./index.css";
+import { Provider } from "react-redux";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
 import { store } from "./services";
-import { Provider } from "react-redux";
 
 const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
 root.render(

src/services/reducers/index.ts

@@ -1,5 +1,7 @@
 import { combineReducers } from "redux";
-import { testReducers, testActions } from "./testReducer";
+import { testReducers } from "./testReducer";
+
+export { testActions } from "./testReducer";
 
 export const rootReducer = combineReducers({
   test: testReducers,

src/services/reducers/testReducer.ts

@@ -1,3 +1,5 @@
+/* eslint-disable no-param-reassign */
+
 import { createSlice } from "@reduxjs/toolkit";
 import type { PayloadAction } from "@reduxjs/toolkit";
 
@@ -12,7 +14,7 @@ const testSlice = createSlice({
   initialState: testState,
   reducers: {
     userAuth(state, action: PayloadAction<boolean>) {
-      state.isAuth = true;
+      state.isAuth = action.payload;
     },
   },
 });