컴포넌트 및 url 파라미터에 관해 질문드립니다!

쌤 질문이 있는데요

1. 첫 번째 사진과 같이 Detail페이지 html 컴포넌트를 다른 파일로 빼고 export이후 app.js에서 import할 때
'컴포넌트' 인데 import {Detail} from './Detail'; 이렇게 컴포넌트에 중괄호 {} 치는 게 아니라 왜 벗기는 건지 이유를 알고 싶습니다.

2. url 파라미터 강의에서 
function Detail(){
 let {id} = useParams(); }
처럼 id에 왜 중괄호를 썼는지알고 싶습니다.
리액트에서 자바스크립트 코드 읽게 해주는 장치로 알고 있는데
변수만들 때도 저렇게 쓰이니 헷갈리기 시작하네요 ㅠ