Why does the MemoryRouter not work to test useLocation?

[nappalm]

According to the react router documentation, I can use memory router to test the useLocation hook, however I am having the following problem when running my test:
🚩 Error: useLocation() may be used only in the context of a <Router> component.

Code:

import { Container } from '@mui/material';
import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box';
import Toolbar from '@mui/material/Toolbar';
import logo from 'assets/logo.png';
import { useLocation } from 'react-router-dom';
import CartButton from '../CartButton';
import styles from './styles';

export default function Header() {
  const location = useLocation();
  const { pathname } = location;

  return (
    <AppBar position="static">
      <Toolbar>
        <Container maxWidth="xl">
          <Box sx={styles.appBar.container}>
            <Box sx={styles.appBar.logoContainer}>
              <img src={logo} alt="Logo" style={{ height: 40 }} />
            </Box>
            {pathname !== '/orden' && <CartButton />}
          </Box>
        </Container>
      </Toolbar>
    </AppBar>
  );
}

Current test:

import { render, screen } from '@testing-library/react';
import logo from 'assets/logo.png';
import { MemoryRouter, Router } from 'react-router-dom';
import Header from '../index';

describe('Header Component', () => {
  it('Show logo', () => {
    render(
      <MemoryRouter initialEntries={['/']}>
        <Header />
      </MemoryRouter>
    );

    const logo = screen.getByAltText('Logo');
    expect(logo).toBeInTheDocument();
    expect(logo).toHaveAttribute('src', logo);
  });
});

[nappalm]

I have solved it by adding another MemoryRouter at the layout level