修复react内容报错

src/app/OlMap/Controls/Timeline.tsx

@@ -605,6 +605,7 @@ const Timeline: React.FC<TimelineProps> = ({
                 sx={{ mb: 2, flexWrap: "wrap", gap: 1 }}
               >
                 <Tooltip title="后退一天">
+                  <span>
                     <IconButton
                       color="primary"
                       onClick={handleDayStepBackward}
@@ -613,6 +614,7 @@ const Timeline: React.FC<TimelineProps> = ({
                     >
                       <FiSkipBack />
                     </IconButton>
+                  </span>
                 </Tooltip>
                 {/* 日期选择器 */}
                 <DatePicker
@@ -633,17 +635,20 @@ const Timeline: React.FC<TimelineProps> = ({
                   disabled={disableDateSelection}
                 />
                 <Tooltip title="前进一天">
+                  <span>
                     <IconButton
                       color="primary"
                       onClick={handleDayStepForward}
                       size="small"
                       disabled={
                         disableDateSelection ||
-                      selectedDate.toDateString() === new Date().toDateString()
+                        selectedDate.toDateString() ===
+                          new Date().toDateString()
                       }
                     >
                       <FiSkipForward />
                     </IconButton>
+                  </span>
                 </Tooltip>
                 {/* 播放控制按钮 */}
                 <Box sx={{ display: "flex", gap: 1 }} className="ml-4">

src/app/login/page.tsx

@@ -5,7 +5,7 @@ import Button from "@mui/material/Button";
 import Container from "@mui/material/Container";
 import Typography from "@mui/material/Typography";
 import { useLogin } from "@refinedev/core";
-import { ThemedTitle } from "@refinedev/mui";
+import { Title } from "@components/title";
 
 export default function Login() {
   const { mutate: login } = useLogin();
@@ -25,13 +25,9 @@ export default function Login() {
         justifyContent="center"
         flexDirection="column"
       >
-        <ThemedTitle
+        <Box display="flex" justifyContent="center">
-          collapsed={false}
+          <Title collapsed={false} />
-          wrapperStyles={{
+        </Box>
-            fontSize: "22px",
-            justifyContent: "center",
-          }}
-        />
         <Button
           style={{ width: "240px" }}
           size="large"

src/components/olmap/HealthRiskAnalysis/Timeline.tsx

@@ -485,6 +485,7 @@ const Timeline: React.FC<TimelineProps> = ({
               sx={{ mb: 2, flexWrap: "wrap", gap: 1 }}
             >
               <Tooltip title="后退一天">
+                <span>
                   <IconButton
                     color="primary"
                     onClick={handleDayStepBackward}
@@ -493,6 +494,7 @@ const Timeline: React.FC<TimelineProps> = ({
                   >
                     <FiSkipBack />
                   </IconButton>
+                </span>
               </Tooltip>
               {/* 日期时间选择器 */}
               <DateTimePicker
@@ -515,6 +517,7 @@ const Timeline: React.FC<TimelineProps> = ({
                 ampm={false}
               />
               <Tooltip title="前进一天">
+                <span>
                   <IconButton
                     color="primary"
                     onClick={handleDayStepForward}
@@ -527,6 +530,7 @@ const Timeline: React.FC<TimelineProps> = ({
                   >
                     <FiSkipForward />
                   </IconButton>
+                </span>
               </Tooltip>
               {/* 播放控制按钮 */}
               <Box sx={{ display: "flex", gap: 1 }} className="ml-4">