(/guides/basic-rbac): update code examples for Next 15; resolve a few minor issues; update copy

[royanger]

Important

🔎 Previews:

• https://clerk.com/docs/pr/1669/guides/basic-rbac

DOCS-9468

Explanation:

Updated the code examples to be consistent and work with Next 15 and @clerk/nextjs v6

[github-actions]

Hey, here’s your docs preview: https://clerk.com/docs/pr/1669

[OwaisSiddiqui]

I think there is an error in the commits after working on my code:

I think it should change from await clerk.users to await client.users under Admin tools section (since it's now const client = await clerkClient()).

[royanger]

I think there is an error in the commits after working on my code:

I think it should change from await clerk.users to await client.users under Admin tools section (since it's now const client = await clerkClient()).

Good catch. I fixed that.

[alexisintech]

This example is giving a type error! I think the actions need to return void or Promise<void>, but the actions are returning an object with a message property.

[royanger]

Can you share your tsconfig and I can take a look into this.

[alexisintech]

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}

[royanger]

I just pushed a commit that resolves this on my end. Let me know if you're still seeing errors.

[alexisintech]

yeah it still gives me those type errors, but if you are saying you don't have the type errors then it should be fine!

[royanger]

Can you share your repo? The errors should be gone. There is either something in your repo (and maybe still in this code that I didn't update) or there is something that is suppressing the errors in my editor.

[alexisintech]

It is this repo: aa-clerk-next-app
but I made a repo based off of our updated demo repo, and it works with no errors https://github.com/alexisintech/aa-clerk-nextjs-demo2

[alexisintech]

so I wouldn't worry about it!

[victoriaxyz]

I also got the same errors. After I wrapped the form actions in async and await the functions, everything works.

[alexisintech]

I think this is good to go whenever! @royanger