Persistent Authentication React using UseEffect and Intervals - function not firing - reactjs

Question

I am attempting to leverage my refresh token backend point within my JWT setup for my React app.
The AuthContext file below works well beside the useEffect and interval. It would seem that my attempt to check the validity of the token every 10 secs is not working. Neither console logs in the refresh function are logged. All ideas very welcome.
import React, { useEffect, useState, useRef} from 'react';
import RefreshToken from '../Services/RefreshToken';
const AuthContext = React.createContext({
token: '',
isLoggedIn: false,
rToken: '',
tokenExpiry:'',
login: (token) => {},
logout: () => {},
});
export const AuthContextProvider = (props) => {
const [token, setToken] = useState(null);
const [refreshToken, setrefreshToken] = useState(null)
const [tokenExpiry, setTokenExpiry] = useState(null)
let interval = useRef(null);
const userIsLoggedIn = !!token;
const loginHandler = (token,rToken) => {
setToken(token);
setrefreshToken(rToken);
var current = new Date();
current.setHours(current.getHours(),current.getMinutes()+4,0,0);
setTokenExpiry(current)
};
const logoutHandler = () => {
setToken(null);
setrefreshToken(null);
};
const contextValue = {
token: token,
isLoggedIn: userIsLoggedIn,
rToken: refreshToken,
tokenExpiry: tokenExpiry,
login: loginHandler,
logout: logoutHandler,
};
const refresh =(timenow)=>{
console.log("checking")
if(tokenExpiry <= timenow){
console.log("refresh")
try {
const response = RefreshToken(token, refreshToken);
loginHandler(response.token, response.refreshToken);
} catch (err) {
console.log(err);
logoutHandler();
}
}
}
useEffect(() => {
const timeNow = new Date();
interval.current = setInterval(refresh(timeNow), 10000);
return () => clearInterval(interval.current);
}, [])
return (
<AuthContext.Provider value={contextValue}>
{props.children}
</AuthContext.Provider>
);
};
export default AuthContext;