<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.tsximport { 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;
pages/privatepage.tsximport { ClerkProvider, SignedIn, SignedOut, RedirectToOrganizationProfile } from "@clerk/clerk-react"; function PrivatePage() { return ( <ClerkProvider publishableKey="pk_test_••••••••••••••••••••••••••••••••••"> <SignedIn> <RedirectToOrganizationProfile/> </SignedIn> <SignedOut> Please Sign In </SignedOut> </div> ); }
routes/index.tsximport { SignedIn, SignedOut, RedirectToOrganizationProfile } from "@clerk/remix"; export default function Index() { return ( <div> <SignedIn> <RedirectToOrganizationProfile/> </SignedIn> <SignedOut> <p>Please sign in </p> </SignedOut> </div> ); }