ComponentsList.js

import React, { useState } from 'react'

const Component1 = props => {
  return <p>{props.theme}</p>
}

const Component2 = props => {
  return <Component1 theme={props.theme}/>
}

const Component3 = () => {
  const [theme,setTheme] = useState("default")
  
  return (
    <div>
      <Component2 theme={theme}/>
    </div>
  )
}

export default Component3;