diff --git a/ui/src/App.js b/ui/src/App.js index 9e224f7cf..1389a24ec 100644 --- a/ui/src/App.js +++ b/ui/src/App.js @@ -1,4 +1,4 @@ -import React from 'react' +import React, { useEffect } from 'react' import ReactGA from 'react-ga' import 'react-jinke-music-player/assets/index.css' import { Provider, useDispatch } from 'react-redux' @@ -65,13 +65,15 @@ const App = () => ( const Admin = (props) => { useChangeThemeColor() const dispatch = useDispatch() - if (config.devActivityPanel) { - setDispatch(dispatch) - authProvider - .checkAuth() - .then(() => startEventStream()) - .catch(() => {}) // ignore if not logged in - } + useEffect(() => { + if (config.devActivityPanel) { + setDispatch(dispatch) + authProvider + .checkAuth() + .then(() => startEventStream()) + .catch(() => {}) // ignore if not logged in + } + }, [dispatch]) return ( { if (!es) { // Call `keepalive` to refresh the jwt token - await httpClient(`${REST_URL}/keepalive/eventSource`) + await httpClient(`${REST_URL}/keepalive/keepalive`) es = new EventSource( baseUrl(`${REST_URL}/events?jwt=${localStorage.getItem('token')}`) )