<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.

Usage

Next.js

pages/_app.tsx

import { OneAuxiliaProvider, SignedIn, SignedOut, RedirectToCreateOrganization } from '@oneauxilia/nextjs'
import { AppProps } from 'next/app'

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <OneAuxiliaProvider {...pageProps}>
      <SignedIn>
        <RedirectToCreateOrganization />
      </SignedIn>
      <SignedOut>Sign In</SignedOut>
    </OneAuxiliaProvider>
  )
}

export default MyApp

React

pages/privatepage.tsx

import {
  OneAuxiliaProvider,
  SignedIn,
  SignedOut,
  RedirectToCreateOrganization,
} from '@oneauxilia/oneauxilia-react'

function PrivatePage() {
  return (
    <OneAuxiliaProvider publishableKey={`YOUR_PUBLISHABLE_KEY`}>
      <SignedIn>
        <RedirectToCreateOrganization />
      </SignedIn>
      <SignedOut>Sign In</SignedOut>
    </OneAuxiliaProvider>
  )
}

Remix

routes/index.tsx

import { SignedIn, SignedOut, RedirectToCreateOrganization } from '@oneauxilia/remix'

export default function Index() {
  return (
    <div>
      <SignedIn>
        <RedirectToCreateOrganization />
      </SignedIn>
      <SignedOut>
        <p>Sign in </p>
      </SignedOut>
    </div>
  )
}