Skip to main content
Docs

<RedirectToOrganizationProfile />

The <RedirectToOrganizationProfile /> component will navigate to the organization profile URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack.

Usage

pages/_app.tsx
import {
  ClerkProvider,
  SignedIn,
  SignedOut,
  RedirectToOrganizationProfile,
} from "@clerk/nextjs";
import { AppProps } from "next/app";


function MyApp({ Component, pageProps } : AppProps) {
  return (
    <ClerkProvider {...pageProps}>
      <SignedIn>
        <RedirectToOrganizationProfile/>
      </SignedIn>
      <SignedOut>
        Please Sign In
      </SignedOut>
    </ClerkProvider>
  );
}

export default MyApp;

Feedback

What did you think of this content?