setSelectedTheme(e.target.value as any)}
diff --git a/playground/nextjs/pages/index.tsx b/playground/nextjs/pages/index.tsx
index 7d9249dcb3..be8876e407 100644
--- a/playground/nextjs/pages/index.tsx
+++ b/playground/nextjs/pages/index.tsx
@@ -2,8 +2,11 @@ import type { NextPage } from 'next';
import Head from 'next/head';
import Link from 'next/link';
import styles from '../styles/Home.module.css';
+import { useClerk } from '@clerk/nextjs';
const Home: NextPage = () => {
+ const clerk = useClerk();
+
return (
@@ -49,6 +52,12 @@ const Home: NextPage = () => {
User examples
+
+ Waitlist
+
+
+
+
diff --git a/playground/nextjs/pages/waitlist/index.tsx b/playground/nextjs/pages/waitlist/index.tsx
new file mode 100644
index 0000000000..899280f67c
--- /dev/null
+++ b/playground/nextjs/pages/waitlist/index.tsx
@@ -0,0 +1,19 @@
+import type { NextPage } from 'next';
+import { Waitlist, useClerk } from '@clerk/nextjs';
+
+const WaitlistPage: NextPage = () => {
+ const clerk = useClerk();
+
+ return (
+ <>
+
+
+
+
+
+
+ >
+ )
+}
+
+export default WaitlistPage;
\ No newline at end of file