Как повторно использовать один и тот же компонент без его повторного подключения и доступа в любом месте дерева dom?

#javascript #reactjs #dom #react-dom

Вопрос:

я создаю потоковое приложение в react js, мой вариант использования таков: есть компонент камеры, который определен на верхнем уровне в App.js я хочу, чтобы этот компонент отображался на верхнем уровне, а также внутри любого дочернего компонента везде в dom, в каком экземпляре и состоянии одного и того же компонента, чтобы камеру нельзя было снова монтировать и монтировать в дочернем компоненте

я пробовал некоторые решения, такие как react portals и react dom(устаревшие, больше не могу использовать)

но ни один из них не работает согласованно

компонент камеры должен быть установлен только один раз в APP.js поэтому он не будет повторяться, если я буду использовать его где-либо внутри другого компонента