fix: text split try catch

src/components/App.tsx

@@ -1,26 +1,41 @@
-import { BrowserRouter, useRoutes } from 'react-router-dom'
-import routesConfig from '../config/routesConfig'
-import Navbar from './Navbar'
-import { Suspense } from 'react'
-import Loading from './Loading'
-import { ThemeProvider } from '@mui/material'
-import theme from '../config/muiConfig'
+import { BrowserRouter, useRoutes } from 'react-router-dom';
+import routesConfig from '../config/routesConfig';
+import Navbar from './Navbar';
+import { Suspense } from 'react';
+import Loading from './Loading';
+import { ThemeProvider } from '@mui/material';
+import theme from '../config/muiConfig';
+import { CustomSnackBarProvider } from '../contexts/CustomSnackBarContext';
+import { SnackbarProvider } from 'notistack';
 
 const AppRoutes = () => {
-  return useRoutes(routesConfig)
-}
+  return useRoutes(routesConfig);
+};
 
 function App() {
   return (
     <ThemeProvider theme={theme}>
-      <BrowserRouter>
-        <Navbar />
-        <Suspense fallback={<Loading />}>
-          <AppRoutes />
-        </Suspense>
-      </BrowserRouter>
+      <SnackbarProvider
+        maxSnack={5}
+        anchorOrigin={{
+          vertical: 'bottom',
+          horizontal: 'right'
+        }}
+        classes={{
+          containerRoot: 'bottom-0 right-0 mb-52 md:mb-68 mr-8 lg:mr-80 z-99'
+        }}
+      >
+        <CustomSnackBarProvider>
+          <BrowserRouter>
+            <Navbar />
+            <Suspense fallback={<Loading />}>
+              <AppRoutes />
+            </Suspense>
+          </BrowserRouter>
+        </CustomSnackBarProvider>
+      </SnackbarProvider>
     </ThemeProvider>
-  )
+  );
 }
 
-export default App
+export default App;

src/components/result/ToolTextResult.tsx

@@ -1,11 +1,17 @@
-import Typography from '@mui/material/Typography'
-import { Box, Stack, TextField } from '@mui/material'
-import Button from '@mui/material/Button'
-import DownloadIcon from '@mui/icons-material/Download'
-import ContentPasteIcon from '@mui/icons-material/ContentPaste'
-import React from 'react'
+import Typography from '@mui/material/Typography';
+import { Box, Stack, TextField } from '@mui/material';
+import Button from '@mui/material/Button';
+import DownloadIcon from '@mui/icons-material/Download';
+import ContentPasteIcon from '@mui/icons-material/ContentPaste';
+import React from 'react';
 
-export default function ToolTextResult({ title = 'Result', value }: { title?: string; value: string }) {
+export default function ToolTextResult({
+  title = 'Result',
+  value
+}: {
+  title?: string;
+  value: string;
+}) {
   return (
     <Box>
       <Typography fontSize={30} color={'primary'}>
@@ -17,5 +23,5 @@ export default function ToolTextResult({ title = 'Result', value }: { title?: st
         <Button startIcon={<ContentPasteIcon />}>Copy to clipboard</Button>
       </Stack>
     </Box>
-  )
+  );
 }