diff --git a/src/layout/Dashboard.tsx b/src/layout/Dashboard.tsx index 73cfd4b..7947f48 100644 --- a/src/layout/Dashboard.tsx +++ b/src/layout/Dashboard.tsx @@ -1,6 +1,6 @@ import { Button, CircularProgress, Container, IconButton } from '@material-ui/core' import { createStyles, makeStyles, Theme } from '@material-ui/core/styles' -import React, { ReactElement, useContext } from 'react' +import React, { ReactElement, useContext, useEffect } from 'react' import { useSnackbar } from 'notistack' import CloseIcon from 'remixicon-react/CloseCircleLineIcon' import ErrorBoundary from '../components/ErrorBoundary' @@ -33,33 +33,35 @@ const Dashboard = (props: Props): ReactElement => { const { newBeeDesktopVersion } = useNewBeeDesktopVersion(isBeeDesktop) const { enqueueSnackbar, closeSnackbar } = useSnackbar() - if (newBeeDesktopVersion !== '') { - enqueueSnackbar(`There is new Swarm Dashboard version ${newBeeDesktopVersion}!`, { - variant: 'warning', - preventDuplicate: true, - key: 'desktopNewVersion', - persist: true, - action: key => ( - - - { - closeSnackbar(key) - }} - > - - - - ), - }) - } + useEffect(() => { + if (newBeeDesktopVersion !== '') { + enqueueSnackbar(`There is new Swarm Dashboard version ${newBeeDesktopVersion}!`, { + variant: 'warning', + preventDuplicate: true, + key: 'desktopNewVersion', + persist: true, + action: key => ( + + + { + closeSnackbar(key) + }} + > + + + + ), + }) + } + }, [enqueueSnackbar, closeSnackbar, newBeeDesktopVersion]) const content = ( <>