Async not working in my page function

[nimble isle]

const TestPage = async () => {
  const session = await getServerSession(authOptions)
  
  return (...)
}
export async function getServerSideProps(context: any) {
    return {
        props: {
            ...await serverSideTranslations(context.locale, ['common']),
        },
    };
}
export default TestPage;

Is there anything went wrong with my code? I have the error below when run this code. When i removed the async then it works.

Server Error
Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead.

[glacial sigil]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[lament harness]

pages router doesn't have server components

you can use async components in the app router only