replace notistack

interface/src/framework/network/NetworkSettingsForm.tsx

@@ -1,5 +1,5 @@
 import { FC, useContext, useEffect, useState } from 'react';
-import { useSnackbar } from 'notistack';
+import { toast } from 'react-toastify';
 
 import {
   Avatar,
@@ -48,7 +48,6 @@ import RestartMonitor from '../system/RestartMonitor';
 
 const WiFiSettingsForm: FC = () => {
   const { LL } = useI18nContext();
-  const { enqueueSnackbar } = useSnackbar();
 
   const { selectedNetwork, deselectNetwork } = useContext(WiFiConnectionContext);
 
@@ -118,7 +117,7 @@ const WiFiSettingsForm: FC = () => {
         await EMSESP.restart();
         setRestarting(true);
       } catch (error) {
-        enqueueSnackbar(LL.PROBLEM_UPDATING(), { variant: 'error' });
+        toast.error(LL.PROBLEM_UPDATING());
       }
     };
 

interface/src/framework/network/WiFiNetworkScanner.tsx

@@ -1,5 +1,5 @@
 import { useEffect, FC, useState, useCallback, useRef } from 'react';
-import { useSnackbar } from 'notistack';
+import { toast } from 'react-toastify';
 
 import { Button } from '@mui/material';
 import PermScanWifiIcon from '@mui/icons-material/PermScanWifi';
@@ -24,20 +24,15 @@ const compareNetworks = (network1: WiFiNetwork, network2: WiFiNetwork) => {
 const WiFiNetworkScanner: FC = () => {
   const { LL } = useI18nContext();
 
-  const { enqueueSnackbar } = useSnackbar();
-
   const pollCount = useRef(0);
   const [networkList, setNetworkList] = useState<WiFiNetworkList>();
   const [errorMessage, setErrorMessage] = useState<string>();
 
-  const finishedWithError = useCallback(
-    (message: string) => {
-      enqueueSnackbar(message, { variant: 'error' });
-      setNetworkList(undefined);
-      setErrorMessage(message);
-    },
-    [enqueueSnackbar]
-  );
+  const finishedWithError = useCallback((message: string) => {
+    toast.error(message);
+    setNetworkList(undefined);
+    setErrorMessage(message);
+  }, []);
 
   const pollNetworkList = useCallback(async () => {
     try {