Logout function throws cannot destructure property ‘token’ of ‘useSelector(…)’ as it is null after switching from localstorage to sessionStorage

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?