рендеринг ref в дочернем компоненте из другого дочернего компонента того же родителя

Question

У меня есть родитель - Планировщик и двое детей - Календарь и Неделя.

Я хочу отобразить элемент из Календаря в Неделю. Я уже могу получить доступ к элементу в Планировщике, используя ссылки, но я не уверен, как перенаправить ссылку из Планировщика в Неделю.

import React from 'react';
import Calendar from './Calendar';
import Week from './Week';
const {connect} = require('react-redux');

class Planner extends React.Component {
    constructor(props) {
        super(props);
        this.childRef = React.createRef();
    }

    componentDidMount() {
        this.weekRef = this.childRef.current;
    }

    render() {
        return (
            <div>
                <Calendar ref={this.childRef}/>
                <Week ref={this.weekRef}/>;
            </div>
        );
    }
}

const Container = connect()(Planner);

export default Container;

, чтобы я мог получить необходимые ссылки из Календаря в Планировщик в this.childRef но я хочу переслать / передать его на недельный компонент, чтобы использовать его.

import React from 'react';
import { withRouter } from 'react-router-dom';

class Week extends React.Component {
    constructor(props) {
        super(props);
    }

    componentDidMount() {
        console.log('week ref', this.props);
    }

    render() {
        return (
            <div className="Week"> 
               Week!
            </div>
        )
    }
}

export default React.forwardRef((props,ref) => <Week {...props} ref={ref} />);

не совсем уверен, что я делаю. любая помощь очень ценится.