chore: ref not set value

web/app/components/base/features/context.tsx

@@ -14,7 +14,7 @@ type FeaturesProviderProps = {
   children: React.ReactNode
 } & Partial<FeaturesState>
 export const FeaturesProvider = ({ children, ...props }: FeaturesProviderProps) => {
-  const storeRef = useRef<FeaturesStore>()
+  const storeRef = useRef<FeaturesStore | undefined>(undefined)
 
   if (!storeRef.current)
     storeRef.current = createFeaturesStore(props)

web/app/components/base/file-uploader/store.tsx

@@ -54,7 +54,7 @@ export const FileContextProvider = ({
   value,
   onChange,
 }: FileProviderProps) => {
-  const storeRef = useRef<FileStore>()
+  const storeRef = useRef<FileStore | undefined>(undefined)
 
   if (!storeRef.current)
     storeRef.current = createFileStore(value, onChange)

web/app/components/base/mermaid/index.tsx

@@ -41,7 +41,7 @@ const Flowchart = (
 
   const prevPrimitiveCode = usePrevious(props.PrimitiveCode)
   const [isLoading, setIsLoading] = useState(true)
-  const timeRef = useRef<number>()
+  const timeRef = useRef<number>(0)
   const [errMsg, setErrMsg] = useState('')
   const [imagePreviewUrl, setImagePreviewUrl] = useState('')
 
@@ -120,22 +120,22 @@ const Flowchart = (
       </div>
       {
         svgCode
-            && <div className="mermaid cursor-pointer h-auto w-full object-fit: cover" onClick={() => setImagePreviewUrl(svgCode)}>
+        && <div className="mermaid cursor-pointer h-auto w-full object-fit: cover" onClick={() => setImagePreviewUrl(svgCode)}>
-              {svgCode && <img src={svgCode} alt="mermaid_chart" />}
+          {svgCode && <img src={svgCode} alt="mermaid_chart" />}
-            </div>
+        </div>
       }
       {isLoading
-            && <div className='py-4 px-[26px]'>
+        && <div className='py-4 px-[26px]'>
-              <LoadingAnim type='text'/>
+          <LoadingAnim type='text' />
-            </div>
+        </div>
       }
       {
         errMsg
-            && <div className='py-4 px-[26px]'>
+        && <div className='py-4 px-[26px]'>
-              <ExclamationTriangleIcon className='w-6 h-6 text-red-500'/>
+          <ExclamationTriangleIcon className='w-6 h-6 text-red-500' />
-              &nbsp;
+          &nbsp;
-              {errMsg}
+          {errMsg}
-            </div>
+        </div>
       }
       {
         imagePreviewUrl && (<ImagePreview title='mermaid_chart' url={imagePreviewUrl} onCancel={() => setImagePreviewUrl('')} />)

web/app/components/base/portal-to-follow-elem/index.tsx

@@ -150,7 +150,7 @@ export const PortalToFollowElemContent = (
     style,
     ...props
   }: React.HTMLProps<HTMLDivElement> & {
-    ref: React.RefObject<HTMLDivElement>;
+    ref?: React.RefObject<HTMLDivElement>;
   },
 ) => {
   const context = usePortalToFollowElemContext()

web/app/components/workflow/context.tsx

@@ -11,7 +11,7 @@ type WorkflowProviderProps = {
   children: React.ReactNode
 }
 export const WorkflowContextProvider = ({ children }: WorkflowProviderProps) => {
-  const storeRef = useRef<WorkflowStore>()
+  const storeRef = useRef<WorkflowStore | undefined>(undefined)
 
   if (!storeRef.current)
     storeRef.current = createWorkflowStore()

web/hooks/use-mitt.ts

@@ -43,7 +43,7 @@ const defaultSubcribeOption: UseSubcribeOption = {
 function useMitt<Events extends _Events>(
   mitt?: Emitter<Events>,
 ): UseMittReturn<Events> {
-  const emitterRef = useRef<Emitter<Events>>()
+  const emitterRef = useRef<Emitter<Events> | undefined>(undefined)
   if (!emitterRef.current)
     emitterRef.current = mitt ?? create<Events>()