<RedirectToOrganizationProfile /> (deprecated)

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>You need to sign in to view your organization profile.</SignedOut>
    </ClerkProvider>
  )
}

export default MyApp

import {
  ClerkProvider,
  SignedIn,
  SignedOut,
  RedirectToOrganizationProfile,
} from '@clerk/clerk-react'

function PrivatePage() {
  return (
    <ClerkProvider publishableKey={`YOUR_PUBLISHABLE_KEY`}>
      <SignedIn>
        <RedirectToOrganizationProfile />
      </SignedIn>
      <SignedOut>You need to sign in to view your organization profile.</SignedOut>
    </ClerkProvider>
  )
}

import { SignedIn, SignedOut, RedirectToOrganizationProfile } from '@clerk/remix'

export default function Index() {
  return (
    <div>
      <SignedIn>
        <RedirectToOrganizationProfile />
      </SignedIn>
      <SignedOut>
        <p>You need to sign in to view your organization profile.</p>
      </SignedOut>
    </div>
  )
}