Logout and Redirect after signOut - reactjs

Question

I am trying to log out the user and then redirect to HomePage.
I have done the below signOut function from firebase 9.0 but the user comes as null.
Ideally would like to log out and remove session data or log out.
import React, { useContext, createContext, useEffect, useState } from 'react';
import { auth, db } from '../utils/init-firebase';
import {
confirmPasswordReset,
createUserWithEmailAndPassword,
GoogleAuthProvider,
onAuthStateChanged,
sendPasswordResetEmail,
signInWithEmailAndPassword,
signInWithGoogle,
signInWithPopup,
signOut,
} from 'firebase/auth';
import {
query,
collection,
onSnapshot,
forEach,
getDoc,
getDocs,
} from 'firebase/firestore';
const AuthContext = createContext({
// currentUser: null,
signInWithGoogle: () => Promise,
login: () => Promise,
register: () => Promise,
logout: () => Promise,
forgotPassword: () => Promise,
resetPassword: () => Promise,
});
export const useAuth = () => useContext(AuthContext);
export default function AuthContextProvider({ children }) {
const [currentUser, setCurrentUser] = useState(null);
const [isLoading, setIsLoading] = useState(true);
const [subscription, setSubscription] = useState(null);
useEffect(() => {
const unsubscribe = onAuthStateChanged(auth, (user) => {
setCurrentUser(user ? user : null);
setIsLoading(false);
localStorage.setItem('user', true);
const uid = auth.currentUser?.uid;
});
});
});
return () => {
unsubscribe();
};
}, []);
const [uniqueId, setUniqueId] = useState(null);
useEffect(() => {
setUniqueId(currentUser);
}, []);
// console.log('user id from Auth Context==> ', currentUser);
function login(email, password) {
return signInWithEmailAndPassword(auth, email, password);
}
function logout() {
return signOut(auth);
}
const value = {
currentUser,
signInWithGoogle,
login,
register,
logout,
forgotPassword,
resetPassword,
isLoading,
subscription,
};
return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
}