Fix frontend type error (#27116)

web/app/components/plugins/plugin-page/context.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import type { ReactNode } from 'react'
+import type { ReactNode, RefObject } from 'react'
 import {
   useMemo,
   useRef,
@@ -17,7 +17,7 @@ import { PLUGIN_PAGE_TABS_MAP, usePluginPageTabs } from '../hooks'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 
 export type PluginPageContextValue = {
-  containerRef: React.RefObject<HTMLDivElement>
+  containerRef: RefObject<HTMLDivElement | null>
   currentPluginID: string | undefined
   setCurrentPluginID: (pluginID?: string) => void
   filters: FilterState
@@ -27,8 +27,10 @@ export type PluginPageContextValue = {
   options: Array<{ value: string, text: string }>
 }
 
+const emptyContainerRef: RefObject<HTMLDivElement | null> = { current: null }
+
 export const PluginPageContext = createContext<PluginPageContextValue>({
-  containerRef: { current: null },
+  containerRef: emptyContainerRef,
   currentPluginID: undefined,
   setCurrentPluginID: noop,
   filters: {
@@ -53,7 +55,7 @@ export function usePluginPageContext(selector: (value: PluginPageContextValue) =
 export const PluginPageContextProvider = ({
   children,
 }: PluginPageContextProviderProps) => {
-  const containerRef = useRef<HTMLDivElement>(null)
+  const containerRef = useRef<HTMLDivElement | null>(null)
   const [filters, setFilters] = useState<FilterState>({
     categories: [],
     tags: [],

web/app/components/plugins/plugin-page/use-uploader.ts

@@ -1,8 +1,9 @@
 import { useEffect, useRef, useState } from 'react'
+import type { RefObject } from 'react'
 
 type UploaderHookProps = {
   onFileChange: (file: File | null) => void
-  containerRef: React.RefObject<HTMLDivElement>
+  containerRef: RefObject<HTMLDivElement | null>
   enabled?: boolean
 }
 

web/app/components/plugins/update-plugin/from-market-place.tsx

@@ -21,7 +21,7 @@ const i18nPrefix = 'plugin.upgrade'
 
 type Props = {
   payload: UpdateFromMarketPlacePayload
-  pluginId: string
+  pluginId?: string
   onSave: () => void
   onCancel: () => void
   isShowDowngradeWarningModal?: boolean
@@ -113,9 +113,11 @@ const UpdatePluginModal: FC<Props> = ({
   const { mutateAsync } = useRemoveAutoUpgrade()
   const invalidateReferenceSettings = useInvalidateReferenceSettings()
   const handleExcludeAndDownload = async () => {
-    await mutateAsync({
-      plugin_id: pluginId,
-    })
+    if (pluginId) {
+      await mutateAsync({
+        plugin_id: pluginId,
+      })
+    }
     invalidateReferenceSettings()
     handleConfirm()
   }