A React component that provides Stack context to its children.

For detailed usage instructions, please refer to the manual section of the setup guide.

Props

• children: React.ReactNode - The child components to be wrapped by the StackProvider.
• app: StackClientApp | StackServerApp - The Stack app instance to be used.
• lang (optional): "en-US" | "de-DE" | "es-419" | "es-ES" | "fr-CA" | "fr-FR" | "it-IT" | "pt-BR" | "pt-PT" - The language to be used for translations.

Example

1
import { StackProvider } from '@stackframe/stack';
2
import { stackServerApp } from '@/stack';
3
4
function App() {
5
  return (
6
    <StackProvider app={stackServerApp} lang="de-DE">
7
      {/* Your app content */}
8
    </StackProvider>
9
  );
10
}