react-toastify v11

ui/app/alert-config/new.tsx

@@ -8,7 +8,6 @@ import { Dispatch, SetStateAction, useState } from 'react';
 import ReactSelect from 'react-select';
 import { PulseLoader } from 'react-spinners';
 import { ToastContainer } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
 import SelectTheme from '../styles/select';
 import { notifyErr } from '../utils/notify';
 import {

ui/app/mirror-logs/table.tsx

@@ -4,7 +4,6 @@ import LogsTable from '@/components/LogsTable';
 import { ListMirrorNamesResponse } from '@/grpc_generated/route';
 import { ProgressCircle } from '@/lib/ProgressCircle';
 import ReactSelect from 'react-select';
-import 'react-toastify/dist/ReactToastify.css';
 import useSWR from 'swr';
 import { useLocalStorage } from 'usehooks-ts';
 import { fetcher } from '../utils/swr';

ui/app/mirrors/[mirrorId]/edit/page.tsx

@@ -20,7 +20,6 @@ import { Callout } from '@tremor/react';
 import { useRouter } from 'next/navigation';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { ToastContainer } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
 import TablePicker from '../../create/cdc/tablemapping';
 import {
   changesToTablesMapping,

ui/app/mirrors/create/cdc/sortingkey.tsx

@@ -17,7 +17,6 @@ import { Icon } from '@/lib/Icon';
 import { Label } from '@/lib/Label';
 import { RowWithCheckbox } from '@/lib/Layout';
 import { ToastContainer } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
 import {
   engineOptionStyles,
   sortingKeyPillContainerStyle,

ui/app/mirrors/create/page.tsx

@@ -20,7 +20,6 @@ import { useRouter, useSearchParams } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
 import ReactSelect, { SingleValue } from 'react-select';
 import { ToastContainer } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
 import { InfoPopover } from '../../../components/InfoPopover';
 import PeerDBCodeEditor from '../../../components/PeerDBEditor';
 import { CDCConfig, MirrorType, TableMapRow } from '../../dto/MirrorsDTO';

ui/app/mirrors/errors/[mirrorName]/page.tsx

@@ -4,7 +4,6 @@ import LogsTable from '@/components/LogsTable';
 import { Label } from '@/lib/Label';
 import { useParams } from 'next/navigation';
 import { ToastContainer } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
 
 export default function MirrorError() {
   const params = useParams<{ mirrorName: string }>();

ui/app/peers/create/[peerType]/page.tsx

@@ -28,7 +28,6 @@ import Link from 'next/link';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { useState } from 'react';
 import { ToastContainer } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
 import { handleCreate, handleValidate } from './handlers';
 import { clickhouseSetting } from './helpers/ch';
 import { getBlankSetting } from './helpers/common';

ui/app/scripts/list.tsx

@@ -12,7 +12,6 @@ import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
 import { ToastContainer } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
 
 const LanguageIcon = (language: string) => {
   switch (language.toLowerCase()) {

ui/app/scripts/new/page.tsx

@@ -11,7 +11,6 @@ import Link from 'next/link';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { ToastContainer } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
 import { GetScriptById, HandleAddScript, HandleEditScript } from '../handlers';
 
 const EditScript = () => {

ui/app/settings/page.tsx

@@ -12,7 +12,6 @@ import { SearchField } from '@/lib/SearchField';
 import { TextField } from '@/lib/TextField';
 import { useEffect, useMemo, useState } from 'react';
 import { ToastContainer } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
 import { notifyErr } from '../utils/notify';
 
 const ROWS_PER_PAGE = 7;

ui/components/LogsTable.tsx

@@ -9,7 +9,6 @@ import { Icon } from '@/lib/Icon';
 import { Label } from '@/lib/Label';
 import { Table, TableCell, TableRow } from '@/lib/Table';
 import { useCallback, useEffect, useState } from 'react';
-import 'react-toastify/dist/ReactToastify.css';
 
 const colorForErrorType = (errorType: string) => {
   const errorUpper = errorType.toUpperCase();

ui/components/PeerForms/Eventhubs/EventhubGroupConfig.tsx

@@ -7,7 +7,6 @@ import { Icon } from '@/lib/Icon';
 import { Label } from '@/lib/Label';
 import { useEffect, useState } from 'react';
 import { ToastContainer } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
 import EventhubsConfig from './EventhubConfig';
 interface EventhubsProps {
   groupConfig: EventHubGroupConfig;

ui/package.json

@@ -43,7 +43,7 @@
     "react-dom": "^18.3.1",
     "react-select": "^5.8.1",
     "react-spinners": "^0.15.0",
-    "react-toastify": "^10.0.5",
+    "react-toastify": "^11.0.2",
     "styled-components": "^6.1.13",
     "swr": "^2.2.5",
     "usehooks-ts": "^3.1.0",