Estou tento esse erro quando coloca o "<div className={styles.item} onClick={() => navigate(/prato/${id})}>"
no index.tsx do Item. Alguém sabe dizer o que fiz de errado?
`import styles from './Item.module.scss';import { Prato } from 'types/Prato'; import TagsPratos from 'components/TagsPrato'; import { useNavigate } from 'react-router-dom';
export default function Item(props: Prato) {
const { id, title, description, photo } = props;
const navigate = useNavigate;
return (
<div className={styles.item} onClick={() => navigate(/prato/${id})}>
{title}
{description}
); }`
