MSW works separately, but not together

[nappalm]

Grabacion.2024-08-02.190223.mp4

test code:

describe('useGetCuentasBancarias', () => {
 // 🗨️ always works
  it('recupera y devuelve datos', async () => {
    const tipo = 'N';

    const { result } = renderHook(() => useGetCuentasBancarias(tipo), {
      wrapper: reactQueryWrapper,
    });

    await waitFor(() => expect(result.current.isSuccess).toBe(true));
    expect(result.current.data).toEqual(getCuentasBancariasResponse);
  });

 // 🗨️ only works if run alone
  it('maneja los errores correctamente', async () => {
    const tipo = 'N';

    server.use(
      http.get(
        handlerBaseUrl(ENDPOINT_CUENTAS_BANCARIAS),
        () => new HttpResponse(null, { status: 500 }),
      ),
    );

    const { result } = renderHook(() => useGetCuentasBancarias(tipo), {
      wrapper: reactQueryWrapper,
    });

    await waitFor(() => expect(result.current.isError).toBe(true));
    expect(result.current.error).toBeDefined();
  });
});

setup.js

export const server = setupServer(...restHandlers);

beforeAll(() => server.listen({ onUnhandledRequest: 'error' }));
afterAll(() => server.close());
afterEach(() => server.resetHandlers());

This is very strange since I have another identical test that works without problems. But this one only works separately, any idea what I am missing to configure?

[nappalm]

It was a hook problem, internally I use react query and the staleTime property was having a problem.