chore(repo): Update playground apps

packages/nextjs/src/server/__tests__/__snapshots__/exports.test.ts.snap

@@ -6,6 +6,7 @@ exports[`/server public exports should not include a breaking change 1`] = `
   "authMiddleware",
   "buildClerkProps",
   "clerkClient",
+  "createClerkClient",
   "currentUser",
   "getAuth",
   "redirectToSignIn",

playground/nextjs/app/app-dir/client-component.tsx

@@ -0,0 +1,11 @@
+'use client';
+
+import React from 'react';
+import { isClerkAPIResponseError, isEmailLinkError, isKnownError, isMetamaskError } from '@clerk/nextjs/errors';
+
+export const ClientComponent = () => {
+  React.useEffect(() => {
+    console.log({ isClerkAPIResponseError, isEmailLinkError, isKnownError, isMetamaskError });
+  });
+  return <div>Client Component</div>;
+};

playground/nextjs/app/app-dir/page.tsx

@@ -1,20 +1,11 @@
-import {
-  auth,
-  clerkClient,
-  currentUser,
-  OrganizationSwitcher,
-  SignedIn,
-  SignedOut,
-  SignIn,
-  UserButton,
-} from '@clerk/nextjs';
+import { OrganizationSwitcher, SignedIn, SignedOut, SignIn, UserButton } from '@clerk/nextjs';
+import { auth, clerkClient, currentUser } from '@clerk/nextjs/server';
 import Link from 'next/link';
 
 export default async function Page() {
   const { userId } = auth();
   const currentUser_ = await currentUser();
   const user = userId ? await clerkClient.users.getUser(userId) : null;
-  console.log({ userId, currentUser_, user });
 
   return (
     <main>

playground/nextjs/pages/session-examples/index.tsx

@@ -1,4 +1,4 @@
-import { useSession, withSession, WithSession, WithSessionProp } from '@clerk/nextjs';
+import { useSession } from '@clerk/nextjs';
 import { PublicUserData } from '@clerk/types';
 import type { NextPage } from 'next';
 import React from 'react';
@@ -20,36 +20,12 @@ function PublicMetadataWithHook() {
   return <Template publicUserData={session?.publicUserData} />;
 }
 
-class PublicMetadataClass extends React.Component<WithSessionProp> {
-  render() {
-    return <Template publicUserData={this.props.session.publicUserData} />;
-  }
-}
-
-export const PublicMetadataClassHOC = withSession(PublicMetadataClass);
-
-const PublicMetadataFn = (props: WithSessionProp) => {
-  const { session } = props;
-  return <Template publicUserData={session?.publicUserData} />;
-};
-
-export const PublicMetadataFnHOC = withSession(PublicMetadataFn);
-
-class PublicMetadataFaaC extends React.Component {
-  render() {
-    return <WithSession>{session => <Template publicUserData={session?.publicUserData} />}</WithSession>;
-  }
-}
-
 const SessionExamplesPage: NextPage = () => {
   return (
     <div
       style={{ display: 'flex', flexDirection: 'column', gap: '2rem', justifyContent: 'center', alignItems: 'center' }}
     >
       <PublicMetadataWithHook />
-      <PublicMetadataClassHOC />
-      <PublicMetadataFnHOC />
-      {/*<PublicMetadataFaaC />*/}
     </div>
   );
 };

playground/nextjs/pages/user-examples/index.tsx

@@ -1,6 +1,6 @@
 import type { NextPage } from 'next';
 import React from 'react';
-import { useUser, withUser, WithUser, WithUserProp } from '@clerk/nextjs';
+import { useUser } from '@clerk/nextjs';
 
 function GreetingWithHook() {
   // Use the useUser hook to get the Clerk.user object
@@ -15,45 +15,12 @@ function GreetingWithHook() {
   return <div>Hello, {user.firstName}!</div>;
 }
 
-class GreetingClass extends React.Component<WithUserProp> {
-  render() {
-    return <div>{this.props.user.firstName ? `Hello ${this.props.user.firstName}!` : 'Hello there!'}</div>;
-  }
-}
-
-export const GreetingClassHOC = withUser(GreetingClass);
-
-type GreetingProps = {
-  greeting: string;
-};
-
-const GreetingFn = (props: WithUserProp<GreetingProps>) => {
-  const { user, greeting } = props;
-  return (
-    <>
-      <h1>{greeting}</h1>
-      <div>{user.firstName ? `Hello, ${user.firstName}!` : 'Hello there!'}</div>
-    </>
-  );
-};
-
-export const GreetingFnHOC = withUser(GreetingFn);
-
-class GreetingFaaC extends React.Component {
-  render() {
-    return <WithUser>{user => <div>{user.firstName ? `Hello, ${user.firstName}!` : 'Hello there!'}</div>}</WithUser>;
-  }
-}
-
 const UserExamplesPage: NextPage = () => {
   return (
     <div
       style={{ display: 'flex', flexDirection: 'column', gap: '2rem', justifyContent: 'center', alignItems: 'center' }}
     >
       <GreetingWithHook />
-      <GreetingClassHOC />
-      <GreetingFnHOC greeting={'Ciao'} />
-      {/*<GreetingFaaC />*/}
     </div>
   );
 };