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 = (
<>