App router access control provider

[MDAmir159]

Hi, I am using Next.js's template with app router. This is my code

and I am getting this error now,
⨯ Error: Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it. {can: function can} ^^^^^^^^^^^^ at stringify (<anonymous>) at stringify (<anonymous>) digest: "3058848200" GET /_next/static/chunks/app/lucide-react.js.map 404 in 2251ms

Could anyone please tell me what I am missing here?