Hi I'm following this guide to make internationalization for my website:
https://nextjs.org/docs/app/building-your-application/routing/internationalization

Everything works well for this:
import { getDictionary } from './dictionaries'

export default async function Page({ params: { lang } }) {
const dict = await getDictionary(lang) // en
return <button>{dict.products.cart}</button> // Add to Cart
}

But I want to do it for function xxx() {...} and not a default async function , it does not work , can you please help with that