Untitled

import { useParams } from 'react-router-dom';
import RecipeDetails from '../RecipeDetails';

function MealsId() {
  const { id } = useParams<{ id: string }>();
  return (
    <div>
      <h1>Specific Meal</h1>
      <p>{id}</p>
      <RecipeDetails RecipeType="meals" RecipeId={ id } />
    </div>
  );
}
export default MealsId;