Products.tsx

import { AppContext } from '@/pages/[[...path]]';
import { Box } from '@mui/material';
import { useContext } from 'react';

export const Products = (): JSX.Element => {
  const { products: contextProducts } = useContext(AppContext);
  return (<Box>{contextProducts?.map(p => p.Name).concat()}</Box>);
};

export default Products;