TriggerProvider

import { TriggerProvider } from "@trigger.dev/react";

//you don't have to put TriggerProvider in layout.tsx,
//the hooks need this to be above them in the hierarchy
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <TriggerProvider
          publicApiKey={process.env.NEXT_PUBLIC_TRIGGER_API_KEY ?? ""}
          apiUrl={process.env.NEXT_PUBLIC_TRIGGER_API_URL}
        >
          {children}
        </TriggerProvider>
      </body>
    </html>
  );
}

Ensure this component is above any Trigger.dev hooks in the React component tree.

Parameters

string

required

The public API key for your Trigger.dev account. You can find this on the Environments & API Keys page inside your Project.

string

You only need to set this if you’re self-hosting Trigger.dev. It defaults to https://api.trigger.dev.

import { TriggerProvider } from "@trigger.dev/react";

//you don't have to put TriggerProvider in layout.tsx,
//the hooks need this to be above them in the hierarchy
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <TriggerProvider
          publicApiKey={process.env.NEXT_PUBLIC_TRIGGER_API_KEY ?? ""}
          apiUrl={process.env.NEXT_PUBLIC_TRIGGER_API_URL}
        >
          {children}
        </TriggerProvider>
      </body>
    </html>
  );
}

Introduction useEventDetails()

⌘I

SDK

HTTP Reference

React SDK

Parameters

​Parameters

Parameters