<RedirectToUserProfile />

pages/_app.tsx
import {
  ClerkProvider,
  SignedIn,
  SignedOut,
  RedirectToUserProfile,
} from "@clerk/nextjs";
import { AppProps } from "next/app";
 
 
function MyApp({ Component, pageProps } : AppProps) {
  return (
    <ClerkProvider {...pageProps}>
      <SignedIn>
        <RedirectToUserProfile/>
      </SignedIn>
      <SignedOut>
        Please Sign In
      </SignedOut>
    </ClerkProvider>
  );
}
 
export default MyApp;

pages/privatepage.tsx
import {
  ClerkProvider,
  SignedIn,
  SignedOut,
  RedirectToUserProfile
} from "@clerk/clerk-react";
 
function PrivatePage() {
  return (
    <ClerkProvider publishableKey="pk_test_••••••••••••••••••••••••••••••••••">
      <SignedIn>
        <RedirectToUserProfile/>
      </SignedIn>
      <SignedOut>
        Please Sign In
      </SignedOut>
    </div>
  );
}

routes/index.tsx
import {
  SignedIn,
  SignedOut,
  RedirectToUserProfile
} from "@clerk/remix";
 
export default function Index() {
  return (
    <div>
      <SignedIn>
        <RedirectToUserProfile/>
      </SignedIn>
      <SignedOut>
        <p>Please sign in </p>
      </SignedOut>
    </div>
  );
}