diff --git a/packages/connect-react/examples/nextjs/src/app/page.tsx b/packages/connect-react/examples/nextjs/src/app/page.tsx
index 6de7fa73bebd0..d3b1e1702bff8 100644
--- a/packages/connect-react/examples/nextjs/src/app/page.tsx
+++ b/packages/connect-react/examples/nextjs/src/app/page.tsx
@@ -21,6 +21,15 @@ export default function Home() {
     text: "hello slack!",
   });
 
+  const [
+    dynamicPropsId,
+    setDynamicPropsId,
+  ] = useState<string | undefined>();
+
+  const handleDynamicProps = (dynamicProps: { id: string | undefined }) => {
+    setDynamicPropsId(dynamicProps.id)
+  }
+
   return (
     <>
       <div>My application</div>
@@ -29,6 +38,7 @@ export default function Home() {
           userId={userId}
           componentKey="slack-send-message"
           configuredProps={configuredProps}
+          onUpdateDynamicProps={handleDynamicProps}
           onUpdateConfiguredProps={setConfiguredProps}
           onSubmit={async () => {
             try {
@@ -36,6 +46,7 @@ export default function Home() {
                 userId,
                 actionId: "slack-send-message",
                 configuredProps,
+                dynamicPropsId,
               });
             } catch (error) {
               console.error("Action run failed:", error);
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"
diff --git a/packages/connect-react/src/hooks/form-context.tsx b/packages/connect-react/src/hooks/form-context.tsx
index bb68dfb4edf55..afe4fc4db489f 100644
--- a/packages/connect-react/src/hooks/form-context.tsx
+++ b/packages/connect-react/src/hooks/form-context.tsx
@@ -129,12 +129,17 @@ export const FormContextProvider = <T extends ConfigurableProps>({
     configuredProps,
     dynamicPropsId: dynamicProps?.id,
   };
+  const queryKeyInput = {
+    ...componentReloadPropsInput,
+  }
+
   const {
     isFetching: dynamicPropsQueryIsFetching,
     // TODO error
   } = useQuery({
     queryKey: [
       "dynamicProps",
+      queryKeyInput,
     ],
     queryFn: async () => {
       const { dynamicProps } = await client.componentReloadProps(componentReloadPropsInput);