I'm using next 14 with the app router, JEST and React Testing Library, and I am unable to have any of my tests pass for my async client components. If I remove the async keyword, my tests pass just fine, but adding it gives me weird errors as described here:
https://github.com/vercel/next.js/issues/47131
https://github.com/testing-library/react-testing-library/issues/1209

I need async because I need to use await, and I need await for fetching data from my db

there has to be someone testing with Jest and RTL right? here is some sample code that shows the problem, do you have any advice for me?

//page.tsx
export default async function Page() {
    return (
      <main>
        <h1>App router</h1>
      </main>
    );
}

//page.test.tsx
/**
* u/jest-environment jsdom
*/
import { render, screen } from '@testing-library/react';
import Page from '@/app/page';
it('App Router: Works with Server Components', async () => {
  await render(<Page />);
  expect(screen.getByRole('heading')).toHaveTextContent('App Router');
});

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.

   6 |
   7 | it('App Router: Works with Server Components', async () => {
>  8 |   await render(<Page />);
     |               ^
   9 |   expect(screen.getByRole('heading')).toHaveTextContent('App Router');
  10 | });
  11 |