I am getting this error, for this test:

Unable to find an element by: [data-testid="detail-result"]

import { render, screen, cleanup } from "@testing-library/react";
import { QueryClient, QueryClientProvider } from "react-query";
import Comp1 from "./Comp1";
import { DataProvider } from "./Context";

const queryClient = new QueryClient();

describe("Comp1 tests", () => {
  beforeEach(() => {
    jest.useFakeTimers();
  });

  it("Should give correct response with render", async () => {
    render(
      <QueryClientProvider client={queryClient}>
        <DataProvider>
          <Comp1 />
        </DataProvider>
      </QueryClientProvider>
    );
    expect(await screen.findByTestId("detail-result")).toBeInTheDocument();
  });
});

afterEach(cleanup);

I know it is something to do with the api call waiting for the other one to finish, but even with async/await I get the error:

recreated here: Sandbox