delete unnesesary deps

package.json

@@ -36,7 +36,6 @@
         "react-router-dom": "6.2.1",
         "react-scripts": "^5.0.0",
         "react-scroll": "^1.8.7",
-        "redux": "^4.2.0",
         "web-vitals": "^1.0.1",
         "yup": "^0.32.11"
     },

src/Pages/HomeUser.jsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef  } from 'react';
+import { useState, useEffect } from 'react';
 import { Typography, Button, Box, Paper, Divider } from '@mui/material';
 
 import useAuth from '../Auth/useAuth.js'
@@ -10,18 +10,16 @@ import { useSelector } from 'react-redux';
 export function HomeUser(){
 
     const auth = useAuth();
-    const token = useRef(auth.getToken());
+    // const token = useRef(auth.getToken());
     const [tests, setTests] = useState([]);
     const [password, setPasword] = useState({});
-    const R_token = useSelector( state => state.token);
-    console.log("Redux Token: ", R_token)
+    const state = useSelector( state => state.token);
 
     useEffect(() => {
-
         let { email , password} = auth.getProfile();
         let rest = new Service(`/plaza/contrasenia/${password}/${email}`);
         rest
-        .get(token.current)
+        .get(state.token)
             .then(({ data }) => {
                 setTests(data.tests)
                 delete data.tests
@@ -31,7 +29,7 @@ export function HomeUser(){
                 console.error("ERR : ", erro)
             })
 
-    },[auth])
+    },[state,auth])
 
     return(
         <div className="content-section">

src/Pages/Logincs.jsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import toast, { Toaster } from 'react-hot-toast';
 import { useNavigate } from 'react-router-dom'
 import jwt_decode from "jwt-decode";
-import { useSelector, useDispatch } from "react-redux";
+import { useDispatch } from "react-redux";
 
 import { setToken } from '../Slices/tokenSlice'
 
@@ -21,7 +21,6 @@ import { useFormik } from 'formik';
 import * as Yup from 'yup';
 
 import { Service } from '../Utils/HTTP.js'
-// import { setToken } from '../Actions/index.js';
 
 const LoginSchema = Yup.object().shape({
   email: Yup
@@ -42,7 +41,6 @@ export function LoginCs() {
   let navigate = useNavigate()
 
   const [open, setOpen] = React.useState(false);
-  const token = useSelector(state => state.token)
   const dispatch = useDispatch();
   const handleClose = () => false
 
@@ -107,7 +105,6 @@ export function LoginCs() {
   });
 
   React.useEffect(() => {
-    console.log('TOKEN: ', token)
     if (auth.isLogged()) {
       return navigate('/user/home')
     }

src/Reducers/index.js

@@ -1,4 +1,4 @@
-import { combineReducers } from 'redux'
+import { combineReducers } from '@reduxjs/toolkit'
 import tokenReducer from '../Slices/tokenSlice.js';
 
 const rootReducer = combineReducers({

src/Slices/tokenSlice.js

@@ -1,6 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 
-const initialState = { token: null };
+const initialState = { value: null };
 
 export const tokenSlice = createSlice({
   name: "token",
@@ -16,6 +16,4 @@ export const tokenSlice = createSlice({
 })
 
 export const { setToken, removeToken } = tokenSlice.actions;
-console.log(tokenSlice)
-
 export default tokenSlice.reducer;

src/index.js

@@ -5,17 +5,18 @@ import App from './App';
 
 import rootReducer from '../src/Reducers/';
 import { Provider } from 'react-redux';
-import { legacy_createStore as createStore } from 'redux';
+import { configureStore } from '@reduxjs/toolkit';
+// import { legacy_createStore as createStore } from '@reduxjs/toolkit';
+// const store = createStore(rootReducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())
 
-const store =
-  createStore(rootReducer,
-    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
-  )
+let store = configureStore({
+  reducer : rootReducer
+})
 
 ReactDOM.render(
   <Provider store={store}>
     <React.StrictMode>
-      <App />
+      <App/>
     </React.StrictMode>
   </Provider>,
   document.getElementById('root')