This error comes up if I store the user in sessionStorage, but works well with localStorage. It says cannot destructure property ‘token’ of ‘useSelector(…)’ here:
Page
import { useSelector } from "react-redux";
import { Input } from "@chakra-ui/react";
const Page = () => {
const { token } = useSelector((state) => state.auth.user);
return (
<Input value={token} />
)
}
Only thing I changed in authSlice is this:
const login = async (formData) => {
if (response.data) {
sessionStorage.setItem("user", JSON.stringify(response.data)); //localStorageStorage.removeItem("user");
}
return response.data;
};
const logout = async () => {
if (response.data) {
sessionStorage.removeItem("user"); //localStorageStorage.removeItem("user");
}
return response.data;
};
When I logout it throws this error. What could be the problem?