diff --git a/.changeset/loose-taxis-grab.md b/.changeset/loose-taxis-grab.md
new file mode 100644
index 00000000..cc4e8de8
--- /dev/null
+++ b/.changeset/loose-taxis-grab.md
@@ -0,0 +1,5 @@
+---
+"@godaddy/react": patch
+---
+
+Add auth-token exchange
diff --git a/examples/nextjs/app/c/[sessionId]/HostedCheckout.tsx b/examples/nextjs/app/c/[sessionId]/HostedCheckout.tsx
new file mode 100644
index 00000000..2b8a23e8
--- /dev/null
+++ b/examples/nextjs/app/c/[sessionId]/HostedCheckout.tsx
@@ -0,0 +1,18 @@
+'use client';
+
+import { Checkout, GoDaddyProvider } from '@godaddy/react';
+
+export default function HostedCheckout() {
+ return (
+
+
+
+
+
+ );
+}
diff --git a/examples/nextjs/app/c/[sessionId]/page.tsx b/examples/nextjs/app/c/[sessionId]/page.tsx
new file mode 100644
index 00000000..bfed8f47
--- /dev/null
+++ b/examples/nextjs/app/c/[sessionId]/page.tsx
@@ -0,0 +1,7 @@
+import HostedCheckout from './HostedCheckout';
+
+export const dynamic = 'force-dynamic';
+
+export default async function HostedCheckoutPage() {
+ return ;
+}
diff --git a/examples/nextjs/app/c/page.tsx b/examples/nextjs/app/c/page.tsx
new file mode 100644
index 00000000..a204b22f
--- /dev/null
+++ b/examples/nextjs/app/c/page.tsx
@@ -0,0 +1,5 @@
+export const dynamic = 'force-dynamic';
+
+export default async function HostedCheckout() {
+ return Test
;
+}
diff --git a/examples/nextjs/app/checkout.tsx b/examples/nextjs/app/checkout.tsx
index aca19ce5..f49875e1 100644
--- a/examples/nextjs/app/checkout.tsx
+++ b/examples/nextjs/app/checkout.tsx
@@ -2,9 +2,7 @@
import type { CheckoutFormSchema, CheckoutSession } from '@godaddy/react';
import { Checkout, GoDaddyProvider } from '@godaddy/react';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import { useState } from 'react';
import { z } from 'zod';
/* Override the checkout form schema to make shippingPhone required */
@@ -13,32 +11,27 @@ const customSchema: CheckoutFormSchema = {
};
export function CheckoutPage({ session }: { session: CheckoutSession }) {
- const [queryClient] = useState(() => new QueryClient());
-
return (
-
-
-
-
-
-
+
+
+
+
);
}
diff --git a/examples/nextjs/app/layout.tsx b/examples/nextjs/app/layout.tsx
index d1cb7eeb..95e2a478 100644
--- a/examples/nextjs/app/layout.tsx
+++ b/examples/nextjs/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from 'next';
import { Geist, Geist_Mono } from 'next/font/google';
import './globals.css';
import '@godaddy/react/styles.css';
+import { Providers } from './providers';
const geistSans = Geist({
variable: '--font-geist-sans',
@@ -28,7 +29,7 @@ export default function RootLayout({
- {children}
+ {children}