cannot use useParams data in a useEffect hook!

const { channelId } = Route.useParams();

useEffect(() => {
   // This does not run when I navigate to a route with different param!
   // example: /channels/123 -> /channels/321
   console.log(channelId);
}, [channelId]);

const { channelId } = Route.useParams();

useEffect(() => {
   // This does not run when I navigate to a route with different param!
   // example: /channels/123 -> /channels/321
   console.log(channelId);
}, [channelId]);