// AuthProvider.tsx\n'use client';\nimport {KindeProvider} from '@kinde-oss/kinde-auth-nextjs';\n\nexport const AuthProvider = ({children}) => {\n return {children};\n};","marks":[]}]},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"codeBlock","attrs":{},"content":[{"type":"text","text":"// layout.tsx\n...\nimport {AuthProvider} from './AuthProvider';\n\nexport const metadata = {\n title: 'Kinde Auth',\n description: 'Kinde with NextJS App Router'\n};\n\nexport default async function RootLayout({\n children\n}: {\n children: React.ReactNode;\n}) {\n return (\n \n \n // Your app code here\n \n \n );\n}","marks":[]}]}]}2a:T5a6,{"type":"doc","content":[{"type":"codeBlock","attrs":{},"content":[{"type":"text","text":"'use client';\n\nimport {useKindeBrowserClient} from '@kinde-oss/kinde-auth-nextjs';\nimport {updateUserName} from '../../actions/kinde';\n\nexport const PersonData = () => {\n const {user} = useKindeBrowserClient();\n const handleSubmit = async (formData: FormData) => {\n const givenName = formData.get('givenName') as string;\n await updateUserName({userId: user.id, userName: givenName});\n // window.location.reload(); (if using browser client)\n };\n return (\n

\n );\n};","marks":[]}]},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"codeBlock","attrs":{},"content":[{"type":"text","text":"export const updateUserName = async (props: {\n userId: string;\n userName: string;\n}) => {\n init();\n await Users.updateUser({\n id: props.userId,\n requestBody: {\n given

Welcome to the Kinde community