So basically i managed to build an login action, but my logout is not working.

apiCalls.js

export const logout = async (user, dispatch) => {
    dispatch(logoutStart());
}

AuthActions.js

export const logoutStart = () => ({
type:"LOGOUT",
});

AuthReducer.js

case "LOGOUT":
            return{
                user: null,
                isFetching: false,
                error: false,
            };

Topbar.jsx

import {logout} from "../../context/authContext/apiCalls";
import {AuthContext} from "../../context/authContext/AuthContext";

export default function Topbar() {
  const {isFetching, dispatch} = useContext(AuthContext);

  const handleLogout = () => {// otherwise page will be refreshed
    logout(dispatch);
  };

<button onClick={handleLogout} disabled={isFetching} >Logout</button>

Why does my app not react when I click on logout?