I’m using Clerk Authentication. From that I’m trying to get registered users list calling below sdk
const { data } = await clerkClient.users.getUserList({ username });
But I keep getting below error!
I also have added
<ClerkProvider
publishableKey={process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY}
>
Below is the code structure
- I’m using Next JS so i have added
ClerkProviderinlayout.tsx
import type { Metadata } from "next";
import { Inter as FontSans } from "next/font/google";
import "./globals.css";
import { cn } from "@/lib/utils";
import { ClerkProvider, RedirectToSignIn, SignedOut } from "@clerk/nextjs";
import { ThemeProvider } from "@/components/theme-provider";
const fontSans = FontSans({
subsets: ["latin"],
variable: "--font-sans",
});
export const metadata: Metadata = {
title: "Social Media Text App",
description: "This is a social media text only app",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
console.log("aa ->", process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY);
return (
<html lang="en">
<body
className={cn(
"min-h-screen bg-background font-sans antialiased",
fontSans.variable,
)}
>
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
<ClerkProvider
publishableKey={process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY}
>
<SignedOut>
<RedirectToSignIn />
</SignedOut>
{children}
</ClerkProvider>
</ThemeProvider>
</body>
</html>
);
}
- Then I have this
searchuser.tsxwhere im usinggetUserListto retrieve data
import {
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
} from "@/components/ui/command";
import { clerkClient } from "@clerk/nextjs/server";
export default function SearchUser() {
const handleSearchUserOnChange = async (e: any) => {
const username = e.value;
const { data } = await clerkClient.users.getUserList({ username });
console.log(data);
};
return (
<>
<CommandInput
placeholder="Type a command or search..."
onChangeCapture={(e) => handleSearchUserOnChange(e.target)}
/>
<CommandList>
<CommandEmpty>No results found.</CommandEmpty>
<CommandGroup></CommandGroup>
</CommandList>
</>
);
}
What im tring to achieve and what to do
When I search a user i need to get the specific user
So I need to solve this