How can I use screen.debug() in the @testing-library/react

I was trying to use debug() but it gives error in the console as: "Unexpected debug statement" what is the problem here?

import { render, screen } from '@testing-library/react';
import { userEvent } from '@testing-library/user-event';
import Home from './Home';
import App from './App';


test("Home input test",  () => {
  render(<Home />)
  const Field = screen.getByLabelText(/HOME/i);
  userEvent.type(Field, 'User'); 
  screen.debug();
});