Skip to main content
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

​
publicApiKey
string
required
The public API key for your Trigger.dev account. You can find this on the Environments & API Keys page inside your Project.
​
apiUrl
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>
  );
}
⌘I