From f96777bcf9d6cc2f39c31f79c736eea2081f652f Mon Sep 17 00:00:00 2001
From: Pablo Lara <larabjj@gmail.com>
Date: Tue, 5 Nov 2024 16:35:48 +0100
Subject: [PATCH] chore: handle data when executing the request

---
 .../(set-up-provider)/test-connection/page.tsx   | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/(prowler)/providers/(set-up-provider)/test-connection/page.tsx b/app/(prowler)/providers/(set-up-provider)/test-connection/page.tsx
index dcf2f2766d..4a3f3a7f15 100644
--- a/app/(prowler)/providers/(set-up-provider)/test-connection/page.tsx
+++ b/app/(prowler)/providers/(set-up-provider)/test-connection/page.tsx
@@ -1,5 +1,5 @@
 import { redirect } from "next/navigation";
-import React from "react";
+import React, { Suspense } from "react";
 
 import { getProvider } from "@/actions/providers";
 import { TestConnectionForm } from "@/components/providers/workflow/forms";
@@ -15,8 +15,20 @@ export default async function TestConnectionPage({ searchParams }: Props) {
     redirect("/providers/connect-account");
   }
 
+  return (
+    <Suspense fallback={<p>Loading...</p>}>
+      <SSRTestConnection searchParams={searchParams} />
+    </Suspense>
+  );
+}
+
+async function SSRTestConnection({
+  searchParams,
+}: {
+  searchParams: { type: string; id: string };
+}) {
   const formData = new FormData();
-  formData.append("id", providerId);
+  formData.append("id", searchParams.id);
 
   const providerData = await getProvider(formData);