How to mock React Context in Jest

I'm trying to test a React component that uses React Context.

Here is the provider component:

const ArtifactsResumeContext = createContext<Artifact>({} as Artifact);

export const useArtifactsResumeContext = () => useContext(ArtifactsResumeContext);

const ArtifactsResume = () => {
  useCallOnloadAnimation()
  const { name } = useParams();

  const artifact = ArtifactArray.flat().filter(
    (artifact) => artifact.name === name
  )[0];

  return (
    <ColumnedFlex
      sx={{
        backgroundColor: '#f4f4f4',
        gap: 10,
      }}
    >
      <PrevPageArrow />
      <ArtifactsResumeContext.Provider value={artifact}>
        <ArtifactsResumeTitle />
        <ArtifactsResumeContent />
      </ArtifactsResumeContext.Provider>
    </ColumnedFlex>
 );
};

export default ArtifactsResume;

Here is one of the consumer components:

const ArtifactsResumeTitle = () => {
  const { name } = useArtifactsResumeContext();
  return (
    <IsLoading>
      <Typography
        color='primary'
        variant='h1'
        fontSize={50}
        mt={10}
      >
        {name}
      </Typography>
    </IsLoading>
  );
};

export default ArtifactsResumeTitle;

The problem begins when I try to test the component like this:

test('Block Link works properly', () => {
  render(
    <Provider store={AppStore()}>
      <MemoryRouter>
        <ArtifactsResumeContext.Provider value={BodyArtifacts[0]} >
          <ArtifactsBlock src='' name='Christian' />
          <AppRouter />
        </ ArtifactsResumeContext.Provider>
      </MemoryRouter>
    </Provider>
  );

  fireEvent.click(screen.getAllByRole('link', {
    hidden: true
  })[0])

  screen.debug()
});

Basically ArtifactsBlock component contains the link that redirects to the provider component shown above, and AppRouter is where all my routes are. Then, using fireEvent, I click this link and, for the time being, log what's inside. However I get this errors instead:

*TypeError: Cannot destructure property 'name' of '(0 , _ArtifactsResume.useArtifactsResumeContext)(...)' as it is undefined.

  4 |
  5 | const ArtifactsResumeTitle = () => {
> 6 |       const { name } = useArtifactsResumeContext();
    |               ^
  7 |       return (
  8 |               <IsLoading>
  9 |                       <Typography*

I tried mocking context and wrapping my ArtifactsBlock in the Provider but nothing seems to work. What am I missing?

you need to wrap your application with the Context Provider

    <YourContextName.Provider value={YourValue}>
       //The Rest Of Your App
    </YourContext.Provider>