From be7f8ca5246b9fc6f1213e5998774a9d76d43fc2 Mon Sep 17 00:00:00 2001 From: Joshen Lim Date: Mon, 16 Mar 2026 10:26:06 +0700 Subject: [PATCH] Change URL param string for destination panel type as it conflicts with Connect Modal (#43734) ## Context Small one - while on the database replication page, if you open the Connect Dialog and change the "type" field, the destination panel opens up. Happening cause the string for `useQueryState` conflicts here - both are using `type` Fix is just to update the string for `useQueryState` for the DestinationPanel component, changed it to `destinationType` --- .../Database/Replication/DestinationPanel/DestinationPanel.tsx | 2 +- .../Replication/DestinationPanel/DestinationTypeSelection.tsx | 2 +- .../components/interfaces/Database/Replication/Destinations.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationPanel.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationPanel.tsx index 475513d75e5..b0d5853312d 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationPanel.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationPanel.tsx @@ -36,7 +36,7 @@ export const DestinationPanel = ({ onSuccessCreateReadReplica }: DestinationPane const { hasAccess: hasETLReplicationAccess } = useCheckEntitlements('replication.etl') const [urlDestinationType, setDestinationType] = useQueryState( - 'type', + 'destinationType', parseAsStringEnum([ 'Read Replica', 'BigQuery', diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationTypeSelection.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationTypeSelection.tsx index 4e7f47d0258..d918c3212aa 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationTypeSelection.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationTypeSelection.tsx @@ -18,7 +18,7 @@ export const DestinationTypeSelection = () => { ).length const [urlDestinationType, setDestinationType] = useQueryState( - 'type', + 'destinationType', parseAsStringEnum([ 'Read Replica', 'BigQuery', diff --git a/apps/studio/components/interfaces/Database/Replication/Destinations.tsx b/apps/studio/components/interfaces/Database/Replication/Destinations.tsx index 0c9c8343e1a..4179dda8497 100644 --- a/apps/studio/components/interfaces/Database/Replication/Destinations.tsx +++ b/apps/studio/components/interfaces/Database/Replication/Destinations.tsx @@ -56,7 +56,7 @@ export const Destinations = () => { const [statusRefetchInterval, setStatusRefetchInterval] = useState(5000) const [_, setDestinationType] = useQueryState( - 'type', + 'destinationType', parseAsStringEnum([ 'Read Replica', 'BigQuery',