const Wrapper = ({ children, prop }) => {
  useEffect(() => {
  	console.log(prop)
  }, [])

  return children;
}

const Inner = ({ prop }) => {
  useEffect(() => {
  	console.log(prop)
  }, [])

  return <div />;
}

const Main = () => {
  const inner = useRef(
    <Inner prop="bar" />
  )

  return (
  	<Wrapper prop="foo">
    	{inner.current}
    </Wrapper>
  )
}