The simplest POC I can think of to use the React Context API

React context example.jsx

import React, { Component } from 'react'
import { render } from 'react-dom'
import Hello from './Hello'
import './style.css'

const AppContext = React.createContext('app')

const Heading2 = props => (
  <AppContext.Consumer>
  { context => (
    <h1 style={context}>I'm Heading2</h1>
  )}
  </AppContext.Consumer>
)

class Heading1 extends Component {
  static contextType = AppContext
  render() {
    return <h1 style={this.context}>I'm Heading1</h1>
  }
}

const Content = props => (
  <>
    <Heading1 />
    <Heading2 />
  </>
)

class App extends Component {
  render() {
    return (
      <AppContext.Provider value={{color: 'blue', backgroundColor: 'red'}}>
        <Content />
      </AppContext.Provider>
    )
  }
}

const Index = () => <App />

render(<Index />, document.getElementById('root'))