wehub-resource-sync
35 lines
1.0 KiB
Plaintext
35 lines
1.0 KiB
Plaintext
---
|
|
title: useWaitToken
|
|
description: Use the useWaitToken hook to complete a wait token from a React component
|
|
---
|
|
|
|
We've added a new `useWaitToken` react hook that allows you to complete a wait token from a React component, using a Public Access Token.
|
|
|
|
```ts backend.ts
|
|
import { wait } from "@trigger.dev/sdk";
|
|
|
|
// Somewhere in your code, you'll need to create the token and then pass the token ID and the public token to the frontend
|
|
const token = await wait.createToken({
|
|
timeout: "10m",
|
|
});
|
|
|
|
return {
|
|
tokenId: token.id,
|
|
publicToken: token.publicAccessToken, // An automatically generated public access token that expires in 1 hour
|
|
};
|
|
```
|
|
|
|
Now you can use the `useWaitToken` hook in your frontend code:
|
|
|
|
```tsx frontend.tsx
|
|
import { useWaitToken } from "@trigger.dev/react-hooks";
|
|
|
|
export function MyComponent({ publicToken, tokenId }: { publicToken: string; tokenId: string }) {
|
|
const { complete } = useWaitToken(tokenId, {
|
|
accessToken: publicToken,
|
|
});
|
|
|
|
return <button onClick={() => complete({ foo: "bar" })}>Complete</button>;
|
|
}
|
|
```
|