Fix

apps/studio/components/interfaces/Database/Replication/DestinationRow.tsx

@@ -17,7 +17,7 @@ import {
   ReplicationPipelineStatusData,
   useReplicationPipelineStatusQuery,
 } from 'data/replication/pipeline-status-query'
-import { useState, useEffect, type FC } from 'react'
+import { useState, useEffect } from 'react'
 import { toast } from 'sonner'
 import { useStartPipelineMutation } from 'data/replication/start-pipeline-mutation'
 import { useStopPipelineMutation } from 'data/replication/stop-pipeline-mutation'
@@ -42,7 +42,7 @@ interface DestinationRowProps {
   onSelectPipeline?: (pipelineId: number, destinationName: string) => void
 }
 
-const DestinationRow: FC<DestinationRowProps> = ({
+const DestinationRow = ({
   sourceId,
   destinationId,
   destinationName,

apps/studio/components/interfaces/Database/Replication/Destinations.tsx

@@ -7,7 +7,7 @@ import { Button, cn, Input_Shadcn_ } from 'ui'
 import { GenericSkeletonLoader } from 'ui-patterns'
 import DestinationRow from './DestinationRow'
 import { useReplicationPipelinesQuery } from 'data/replication/pipelines-query'
-import { useState, type FC } from 'react'
+import { useState } from 'react'
 import NewDestinationPanel from './DestinationPanel'
 import { useReplicationSourcesQuery } from 'data/replication/sources-query'
 import { noop } from 'lodash'
@@ -16,7 +16,7 @@ interface DestinationsProps {
   onSelectPipeline?: (pipelineId: number, destinationName: string) => void
 }
 
-const Destinations: FC<DestinationsProps> = ({ onSelectPipeline = noop }) => {
+const Destinations = ({ onSelectPipeline = noop }: DestinationsProps) => {
   const [showNewDestinationPanel, setShowNewDestinationPanel] = useState(false)
   const [filterString, setFilterString] = useState<string>('')
   const { ref: projectRef } = useParams()

apps/studio/components/interfaces/Database/Replication/PipelineStatus.tsx

@@ -4,8 +4,6 @@ import { cn } from 'ui'
 import { ResponseError } from 'types'
 import { Loader2, AlertTriangle } from 'lucide-react'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from 'ui'
-import { type FC } from 'react'
-import { useParams } from 'common'
 import { ReplicationPipelineStatusData } from 'data/replication/pipeline-status-query'
 import { PipelineStatusRequestStatus } from 'state/replication-pipeline-request-status'
 
@@ -29,7 +27,7 @@ interface PipelineStatusProps {
   requestStatus?: PipelineStatusRequestStatus
 }
 
-const PipelineStatus: FC<PipelineStatusProps> = ({
+const PipelineStatus = ({
   pipelineStatus,
   error,
   isLoading,

apps/studio/components/interfaces/Database/Replication/ReplicationPipelineStatus.tsx

@@ -7,7 +7,7 @@ import { useReplicationPipelineStatusQuery } from 'data/replication/pipeline-sta
 import PipelineStatus from './PipelineStatus'
 import { usePipelineRequestStatus } from 'state/replication-pipeline-request-status'
 import { getStatusName } from './Pipeline.utils'
-import { useState, useEffect, type FC } from 'react'
+import { useState, useEffect } from 'react'
 import {
   Button,
   Badge,
@@ -40,7 +40,7 @@ interface ReplicationPipelineStatusProps {
   onSelectBack: () => void
 }
 
-const ReplicationPipelineStatus: FC<ReplicationPipelineStatusProps> = ({
+const ReplicationPipelineStatus = ({
   pipelineId,
   destinationName,
   onSelectBack,