title: Pass props from page to components in Nextjs
body: <p>I want to pass my props from a page to all other components. I have a dynamic route set up like this.</p>
  
  <pre><code>-pages
    -[tv]
    -index.js
     -category
     -index.js
     ...
  </code></pre>
  
  <p>So the rout looks like this: pages/[tv]/category/...</p>
  
  <p>My index.js, child of folder [tv], page code.</p>
  
  <pre><code>const Home = props =&gt; {
    const router = useRouter()
    const { tv } = router.query
    console.log(tv) //Value that i want to pass as props to other components.
  </code></pre>
  
  <p>So i want to pass value of tv to other components as props.
  Hope my question is not too vague.</p>
  
  <p>Thank you </p>