Estoy aprendiendo redux-toolkit y escribí un código de muestra, pero cuando uso el método useDisptach aparece el error "No se pueden leer las propiedades de undefined (leyendo 'tipo')". ¿Cuál cree usted que es la razón de esto? Estoy compartiendo el código a continuación:
mi archivo index.js:
import Head from "next/head"; import Nav from "../components/nav/Nav"; import { useEffect } from "react"; import { useSelector, useDispatch } from "react-redux"; import detectDevice from "../redux/device"; export default function Home() { const dispatch = useDispatch(); useEffect(() => { dispatch(detectDevice()); }, []); return ( <div> <Head> <title>Test</title> <meta name="description" content="Generated by create next app" /> <link rel="icon" href="/favicon.ico" /> </Head> <Nav /> </div> ); }mi archivo device.js:
import { createSlice } from "@reduxjs/toolkit"; export const deviceSlice = createSlice({ name: "isMobile", initialState: { value: false, }, reducers: { detectDevice: (state) => { state.value = true; }, }, }); export const { detectDevice } = deviceSlice.actions; export default deviceSlice.reducer;mi archivo store.js:
import { configureStore } from "@reduxjs/toolkit"; import detectDevice from "./device"; export default configureStore({ reducer: { isMobile: detectDevice, }, });Encontré dónde cometí un error. La importación en la línea 5 del archivo index.js debería haber sido así: import {detectDevice} from "../redux/device";