[React] React-Router v6이상에서 props를 주는 방법

노마드코더를 듣다가, props를 주어야하는 상황이 생겼다.

노마드코더에서는 react-router 버전이 6이하이기 때문에,

<Router toggleDark={toggleDark} />

위와 같이 주었지만, v6이상부터는 Router 내에서 element로 컴포넌트를 주어야 했기 때문에, 이 상황에서 Props를 어떻게 주어야하지 싶었다.

처음에는 노마드코더에서 하는 것처럼 Route속성으로 props를 주었지만, 에러가 계속 떴다.

v6이상부터는 주고싶은 element요소 속성으로 주어야한다!

<Route path="/" element={<Coins 
		toggleDark={toggleDark} 
	/>} 
/>

주고싶은 컴포넌트 내부에 주어야하기 때문에 element내부에서 props를 작성하여준다