revalidate token on expire

dubinc · Dec 24, 2024 · 5b7f35a · 5b7f35a
1 parent 9d57df0
commit 5b7f35a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/apps/web/app/app.dub.co/(dashboard)/account/settings/referrals/page-client.tsx b/apps/web/app/app.dub.co/(dashboard)/account/settings/referrals/page-client.tsx
@@ -12,7 +12,11 @@ export function ReferralsPageClient() {
   const { data: session, status } = useSession();
   const referralLinkId = session?.user?.["referralLinkId"];
 
-  const { data: { publicToken } = {}, isLoading } = useSWRImmutable<{
+  const {
+    data: { publicToken } = {},
+    isLoading,
+    mutate,
+  } = useSWRImmutable<{
     publicToken: string;
   }>(referralLinkId && "/api/user/embed-tokens", fetcher, {
     keepPreviousData: true,
@@ -43,5 +47,11 @@ export function ReferralsPageClient() {
     );
   }
 
-  return <DubWidget token={publicToken} variant="inline" />;
+  return (
+    <DubWidget
+      token={publicToken}
+      variant="inline"
+      options={{ onTokenExpired: () => mutate() }}
+    />
+  );
 }
diff --git a/packages/embeds/react/src/example/widget.tsx b/packages/embeds/react/src/example/widget.tsx
@@ -15,7 +15,7 @@ const Widget = () => {
     createToken();
   }, []);
 
-  return <DubWidget token={token} onTokenExpired={createToken} />;
+  return <DubWidget token={token} options={{ onTokenExpired: createToken }} />;
 };
 
 ReactDom.render(<Widget />, document.getElementById("root"));