11---
22description: Guidelines for writing Trigger.dev tasks
3- globs: **/trigger/**/*.ts, **/trigger/**/*.tsx
3+ globs: **/trigger/**/*.ts, **/trigger/**/*.tsx,**/trigger/**/*.js,**/trigger/**/*.jsx
44alwaysApply: false
55---
66# How to write Trigger.dev tasks
@@ -832,7 +832,7 @@ npm add @trigger.dev/react-hooks
832832
833833All hooks require a Public Access Token. You can provide it directly to each hook:
834834
835- ```typescriptx
835+ ```typescript
836836import { useRealtimeRun } from "@trigger.dev/react-hooks";
837837
838838function MyComponent({ runId, publicAccessToken }) {
@@ -845,7 +845,7 @@ function MyComponent({ runId, publicAccessToken }) {
845845
846846Or use the `TriggerAuthContext` provider:
847847
848- ```typescriptx
848+ ```typescript
849849import { TriggerAuthContext } from "@trigger.dev/react-hooks";
850850
851851function SetupTrigger({ publicAccessToken }) {
@@ -859,7 +859,7 @@ function SetupTrigger({ publicAccessToken }) {
859859
860860For Next.js App Router, wrap the provider in a client component:
861861
862- ```typescriptx
862+ ```typescript
863863// components/TriggerProvider.tsx
864864"use client";
865865
@@ -879,7 +879,7 @@ export function TriggerProvider({ accessToken, children }) {
879879Several approaches for Next.js App Router:
880880
8818811. **Using cookies**:
882- ```typescriptx
882+ ```typescript
883883// Server action
884884export async function startRun() {
885885 const handle = await tasks.trigger<typeof exampleTask>("example", { foo: "bar" });
@@ -899,7 +899,7 @@ export default function RunPage({ params }) {
899899```
900900
9019012. **Using query parameters**:
902- ```typescriptx
902+ ```typescript
903903// Server action
904904export async function startRun() {
905905 const handle = await tasks.trigger<typeof exampleTask>("example", { foo: "bar" });
@@ -908,7 +908,7 @@ export async function startRun() {
908908```
909909
9109103. **Server-side token generation**:
911- ```typescriptx
911+ ```typescript
912912// Page component
913913export default async function RunPage({ params }) {
914914 const publicAccessToken = await generatePublicAccessToken(params.id);
@@ -938,7 +938,7 @@ export async function generatePublicAccessToken(runId: string) {
938938
939939Data fetching hooks that use SWR for caching:
940940
941- ```typescriptx
941+ ```typescript
942942"use client";
943943import { useRun } from "@trigger.dev/react-hooks";
944944import type { myTask } from "@/trigger/myTask";
0 commit comments