diff --git a/apps/docs/src/pages/docs/sdks/nextjs.mdx b/apps/docs/src/pages/docs/sdks/nextjs.mdx
index 5916e4d7..5f1c5ab0 100644
--- a/apps/docs/src/pages/docs/sdks/nextjs.mdx
+++ b/apps/docs/src/pages/docs/sdks/nextjs.mdx
@@ -110,9 +110,9 @@ Since you can't use hooks in server components, you need to create an instance o
 <Callout>Remember, your client secret is exposed here so do not use this on client side.</Callout>
 
 ```tsx filename="utils/op.ts"
-import { Openpanel } from '@openpanel/nextjs';
+import { OpenPanel } from '@openpanel/nextjs';
 
-export const op = new Openpanel({
+export const op = new OpenPanel({
   clientId: 'your-client-id',
   clientSecret: 'your-client-secret',
 });