Как обновить компонент из другого компонента?

import React, {useState, cloneElement} from 'react';
import ReactDOM from 'react-dom';
 
const Page = props => {
    const [prm, setPrm] = useState('')
    return (
        <div>
            {cloneElement(props.children[0], {prm, setPrm})}
            {cloneElement(props.children[1], {prm})}
            {props.children[2]}
        </div>
    )
}
const Header = props => {
    function set(e) {
        props.setPrm(e.target.value)
    }
    return (
        <div>
            <label>
                Параметры
            </label>
            <input value={props.prm} onChange={set} />
        </div>
    )
}
const Content = props => {
    const [content, setContent] = useState('нет контента')
    function load() {
        alert('Использую параметры ' + props.prm)
        setTimeout(_ => {
            setContent('Новый контент')
        }, 1000)
    }
    return (
        <div>
            <p>{content}</p>
            <button onClick={load}>Получить контент</button>
        </div>
    )
}
const Footer = props => {
    return (
        <div>
            Поддон
        </div>
    )
}
 
 
ReactDOM.render(
    <Page>
        <Header />
        <Content />
        <Footer />
    </Page>,
    document.getElementById('root')
)