Miré en otras publicaciones y parecía ser una cuestión de exportación de nombres, pero revisé una y otra vez mi código y no puedo resolverlo. Agradeceré cualquier consejo.
este es el error que estoy recibiendo:
TypeError: (0 , _redux_wetherSlice__WEBPACK_IMPORTED_MODULE_2__.setLocalLatitude) is not a function at localWether.js:14 slice component
import { createSlice } from "@reduxjs/toolkit"; export const wetherSlice = createSlice({ name: "wether", initialState: { localLocation: { latitude: "", longitude: "", }, reducers: { setLocalLatitude: (state, action) => { state.localLocation.latitude = action.payload; }, setLocalLongitude: (state, action) => { state.localLocation.longitude = action.payload; }, }, }, }); export const { setLocalLongitude, setLocalLatitude } = wetherSlice.actions; export default wetherSlice.reducer; react component
import { useEffect } from "react"; import { useDispatch, useSelector } from "react-redux"; import { setLocalLatitude, setLocalLongitude } from "../../redux/wetherSlice"; const LocalWether = () => { const dispatch = useDispatch(); const { localLocation } = useSelector((state) => state.wether); useEffect(() => { navigator.geolocation.getCurrentPosition((position) => { try { console.log(position); dispatch(setLocalLatitude(position.coords.latitude)); dispatch(setLocalLongitude(position.coords.longitude)); } catch (err) { console.log(err); } }); }, []); console.log(localLocation); return <button>Click For Location</button>; }; export default LocalWether; store
import { configureStore } from "@reduxjs/toolkit"; import wetherReducer from "../redux/wetherSlice"; const store = configureStore({ reducer: { wether: wetherReducer }, }); export default store;