How to mock useRouter from next/router in Cypress component testing?

[maxpopovitch]

Hey community,
I use Cypress for components testing in my project.

Here is the code snippet from my component:

...
import { useRouter } from 'next/router';
...

const AccountDetails: VFC = () => {
  const router = useRouter();
  const { accountUUID } = router.query;
  ...
  return <div deta-testid="cool" />;
};

export default AccountDetails;

and this is how I want to test it:

it('should show loader if there is no data', () => {
    mount(<AccountDetails />).then(() => {
      cy.get('[data-testid="cool"]').should('be.visible');
    });
  });

For now, I've got this error:

TypeError: The following error originated from your test code, not from Cypress.

  > Cannot read properties of null (reading 'query')

When Cypress detects uncaught errors originating from your test code it will automatically fail the current test.

How can I mock useRouter, or perhaps you can suggest another way to manage this test to be successfully running?
Thanks a lot in advance!