diff --git a/client/components/utilities/token-provider.jsx b/client/components/utilities/token-provider.jsx
index 951282a..f98356d 100644
--- a/client/components/utilities/token-provider.jsx
+++ b/client/components/utilities/token-provider.jsx
@@ -11,12 +11,12 @@ const TokenProvider = props => {
 	useEffect(() => {
 		setAccessToken(localStorage.getItem("accessToken") || '');
 		setRefreshToken(localStorage.getItem("refreshToken") || '');
-	  }, [])
-	
-	  React.useEffect(() => {
+	}, [])
+
+	useEffect(() => {
 		localStorage.setItem("accessToken", accessToken);
 		localStorage.setItem("refreshToken", refreshToken);
-	  }, [accessToken, refreshToken]);
+	}, [accessToken, refreshToken]);
 
 	//wrap the default fetch function
 	const tokenFetch = async (url, options) => {