Fix/Minified React error

src/components/train/own-train-button.tsx

@@ -7,9 +7,16 @@ import { computerMinuteOffset, get_timezones } from '@/lib/date';
 import { useEffect, useRef } from 'react';
 import { Button } from '../ui/button';
 import { UseFormReturn } from 'react-hook-form';
+import dynamic from 'next/dynamic';
+
+const NoSSR = dynamic(() => Promise.resolve(OwnTrain), {
+  ssr: false,
+});
+
+export default NoSSR;
 
 const timezones = get_timezones();
-export default function OwnTrain({
+function OwnTrain({
   form,
 }: {
   form: UseFormReturn<
@@ -112,6 +119,7 @@ export default function OwnTrain({
         disabled={loading}
         onClick={handleClick}
         title='Training using your own revlog.'
+        suppressHydrationWarning
       >
         Train(by own Revlog)
       </Button>

src/components/train/train-form.tsx

@@ -14,8 +14,15 @@ import FileTrain from './file-train-button';
 import { useForm } from 'react-hook-form';
 import { useTrainContext } from '@/context/TrainContext';
 import OwnTrain from './own-train-button';
+import dynamic from 'next/dynamic';
 
-export default function FSRSParamTrainForm({
+const NoSSR = dynamic(() => Promise.resolve(FSRSParamTrainForm), {
+  ssr: false,
+});
+
+export default NoSSR;
+
+function FSRSParamTrainForm({
   children,
 }: {
   children?: React.ReactNode;
@@ -30,7 +37,7 @@ export default function FSRSParamTrainForm({
   });
   return (
     <Form {...form}>
-      <form className='space-y-4 w-1/2 flex justify-center flex-col flex-1'>
+      <form className='space-y-4 w-1/2 flex justify-center flex-col flex-1' suppressHydrationWarning>
         <FormField
           control={form.control}
           name='timezone'