A user profile hook with react-zustand

userProfile.js

import create from 'zustand';

const [userProfileStore] = create(set => ({
  username: '',
  email: '',
  user_id: '',
  token: '',
  user_type: '',
  isAuthenticated: false,
  token: '',
  setToken: (token) => set({
    token,
    isAuthenticated: true
  }),
  resetUserProfile: () => set({
    username: '',
    email: '',
    user_id: '',
    token: '',
    user_type: '',
    isAuthenticated: false,
    token: '',
  }),
  setUserType: (user_type) => set({
    user_type,
  }),
  setUserId: (user_id) => set({
    user_id,
  }),
  setUserProfile: ({ username, email, user_id }) => set({
    username,
    email,
    user_id,
  }),
}))

export default userProfileStore;

// The whole store can be used lik
const userProfileStoreData = userProfileStore();

// The functions can be used like
const setUserProfile = userProfileStore(state => state.setUserProfile);
const setToken = userProfileStore(state => state.setToken);

// The variables can be used like
const isAuthenticated = userProfileStore(state => state.isAuthenticated);
const username = userProfileStore(state => state.isAuthenticated);