I'm trying to test a React Server Component, which returns a Promise. The standard render
method in Jest doesn't like that.
I checked the similar questions, but all are > 4 years old and deal with componentDidMount
etc.
/// Home.tsx
async function Home(props: Props) : Promise<JSX.Element> {
// call async functions to setup component
}
/// home.test.ts
describe('Home', () => {
it('renders a heading', () => {
render(<Home />);
}
}
Error:
'Home' can not be used as a JSX element
Any suggestions on how to work around this? An obvious solution is to make the component not return a Promise, but than I'm writing code to satisfy the test framework which is not ideal.
from Using Jest with Async Server Components
No comments:
Post a Comment