|  |  | 
 |  |  | import React, { useState, useRef, useEffect, useMemo } from "react"; | 
 |  |  | import { useNavigate } from 'react-router-dom'; | 
 |  |  | import { | 
 |  |  |     Edit, | 
 |  |  |     SimpleForm, | 
 |  |  | 
 |  |  |     required, | 
 |  |  |     useRecordContext, | 
 |  |  |     useTheme, | 
 |  |  |     useAuthProvider, | 
 |  |  | } from 'react-admin'; | 
 |  |  | import { useWatch, useFormContext } from "react-hook-form"; | 
 |  |  | import { Stack, Grid, Box, Typography, Card, CardContent, Tabs, Tab } from '@mui/material'; | 
 |  |  | 
 |  |  | import { } from '@/config/setting'; | 
 |  |  |  | 
 |  |  | const Settings = () => { | 
 |  |  |     const authProvider = useAuthProvider(); | 
 |  |  |     const navigate = useNavigate(); | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const theme = useTheme(); | 
 |  |  |     const [value, setValue] = React.useState(0); | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         authProvider.checkAuth().catch(() => { | 
 |  |  |             navigate('/login'); | 
 |  |  |         }); | 
 |  |  |     }, [authProvider, navigate]); | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |     }, [value]); | 
 |  |  |  | 
 |  |  |     return ( |