Component Reference <RedirectToCreateOrganization /> <RedirectToCreateOrganization />
The <RedirectToCreateOrganization />
component will navigate to the create organization flow 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.
pages /_app.tsx import {
ClerkProvider ,
SignedIn ,
SignedOut ,
RedirectToCreateOrganization ,
} from "@clerk/nextjs" ;
import { AppProps } from "next/app" ;
function MyApp ({ Component , pageProps } : AppProps ) {
return (
< ClerkProvider { ... pageProps}>
< SignedIn >
< RedirectToCreateOrganization />
</ SignedIn >
< SignedOut >
Please Sign In
</ SignedOut >
</ ClerkProvider >
);
}
export default MyApp;
pages /privatepage.tsx import {
ClerkProvider ,
SignedIn ,
SignedOut ,
RedirectToCreateOrganization
} from "@clerk/clerk-react" ;
function PrivatePage () {
return (
< ClerkProvider publishableKey = { ` YOUR_PUBLISHABLE_KEY ` }>
< SignedIn >
< RedirectToCreateOrganization />
</ SignedIn >
< SignedOut >
Please Sign In
</ SignedOut >
</ ClerkProvider >
);
}
routes /index.tsx import {
SignedIn ,
SignedOut ,
RedirectToCreateOrganization
} from "@clerk/remix" ;
export default function Index () {
return (
< div >
< SignedIn >
< RedirectToCreateOrganization />
</ SignedIn >
< SignedOut >
< p >Please sign in </ p >
</ SignedOut >
</ div >
);
}
Last updated on Aug 20, 2024