Part2 Detail.js에서 나는 invalid hook 오류

안녕하세요, 잘 따라가다 막히는 부분이 생겨 질문 올려봅니다.

Detail.js에서 

import { useHistory, useParams } from "react-router-dom"; 을 하고 

function안에 let { id } = useParams();을 쓰기만 하면 하단의 오류가 발생합니다.

서치를 해 보니 원인은 여러가지라는데 사실 봐도 무슨소리인지 모르겠어서 한참 헤메다가 질문 올려봅니다... 제가 코드를 잘못 짠걸까요 

라우터 파트에서 이게 진행되지 않아 막히고 있습니다 

혹시 원인을 아신다면 도움을 받고 싶습니다. 감사합니다