From 8a4661b2209d233712fc504cd58645288e97ed10 Mon Sep 17 00:00:00 2001 From: Biz Melesse Date: Thu, 2 Jan 2025 17:17:33 -0600 Subject: [PATCH 1/4] Fix issue with loading dynamic props, e.g. google sheets column headers --- packages/connect-react/src/hooks/form-context.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/connect-react/src/hooks/form-context.tsx b/packages/connect-react/src/hooks/form-context.tsx index bb68dfb4edf55..c07188f922998 100644 --- a/packages/connect-react/src/hooks/form-context.tsx +++ b/packages/connect-react/src/hooks/form-context.tsx @@ -129,12 +129,13 @@ export const FormContextProvider = ({ configuredProps, dynamicPropsId: dynamicProps?.id, }; + const queryKey = reloadPropIdx ? `dynamicProps:${reloadPropIdx}` : "dynamicProps" const { isFetching: dynamicPropsQueryIsFetching, // TODO error } = useQuery({ queryKey: [ - "dynamicProps", + queryKey ], queryFn: async () => { const { dynamicProps } = await client.componentReloadProps(componentReloadPropsInput); From d6a99e7ec56ed651a35b7b9d6607d7d2d2032cae Mon Sep 17 00:00:00 2001 From: Biz Melesse Date: Thu, 2 Jan 2025 17:32:40 -0600 Subject: [PATCH 2/4] Update version --- packages/connect-react/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/connect-react/package.json b/packages/connect-react/package.json index 28c3b348a3b50..f3281c9d42cee 100644 --- a/packages/connect-react/package.json +++ b/packages/connect-react/package.json @@ -1,6 +1,6 @@ { "name": "@pipedream/connect-react", - "version": "1.0.0-preview.15", + "version": "1.0.0-preview.16", "description": "Pipedream Connect library for React", "files": [ "dist" From c3219dee33f9d0eed97b6939498393ecd9656bcf Mon Sep 17 00:00:00 2001 From: Biz Melesse Date: Fri, 3 Jan 2025 12:17:45 -0600 Subject: [PATCH 3/4] Use query input as queryKey for useQuery --- packages/connect-react/src/hooks/form-context.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/connect-react/src/hooks/form-context.tsx b/packages/connect-react/src/hooks/form-context.tsx index c07188f922998..51c26597462fe 100644 --- a/packages/connect-react/src/hooks/form-context.tsx +++ b/packages/connect-react/src/hooks/form-context.tsx @@ -129,13 +129,17 @@ export const FormContextProvider = ({ configuredProps, dynamicPropsId: dynamicProps?.id, }; - const queryKey = reloadPropIdx ? `dynamicProps:${reloadPropIdx}` : "dynamicProps" + const queryKeyInput = { + ...componentReloadPropsInput, + } + const { isFetching: dynamicPropsQueryIsFetching, // TODO error } = useQuery({ queryKey: [ - queryKey + "dynamicProps", + queryKeyInput ], queryFn: async () => { const { dynamicProps } = await client.componentReloadProps(componentReloadPropsInput); From 3d7a92045fc5db87130de4f438eeb8b891583ef6 Mon Sep 17 00:00:00 2001 From: Biz Melesse <176055693+bzwrk@users.noreply.github.com> Date: Fri, 3 Jan 2025 19:00:38 -0600 Subject: [PATCH 4/4] Update packages/connect-react/src/hooks/form-context.tsx --- packages/connect-react/src/hooks/form-context.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/connect-react/src/hooks/form-context.tsx b/packages/connect-react/src/hooks/form-context.tsx index 51c26597462fe..afe4fc4db489f 100644 --- a/packages/connect-react/src/hooks/form-context.tsx +++ b/packages/connect-react/src/hooks/form-context.tsx @@ -139,7 +139,7 @@ export const FormContextProvider = ({ } = useQuery({ queryKey: [ "dynamicProps", - queryKeyInput + queryKeyInput, ], queryFn: async () => { const { dynamicProps } = await client.componentReloadProps(componentReloadPropsInput);