React Context - всегда пустой объект, независимо от того, что я делаю

Question

Итак, я знаю о циклических ссылках и поместил свой контекст в другой файл:

import React from 'react'

export const MainContext = React.createContext({ test: 'test!'})

Затем я обертываю в нем метод render моего файла приложения, например, так:

<MainContext.Provider value={'Literally anything, Im gonna ignore it anyway.'}>
    <div>
        { other stuff }
    </div>
</MainContext.Provider>

затем, в моих дочерних компонентах, я импортирую контекст и устанавливаю его как contextType:

import { MainContext } from 'context'

class Status extends Component {
    static contextType = MainContext

    render(){
        console.log(this.props) // nothing
        console.log(this.context) // you guessed it! nothing either

        return (<div></div>)
    }
}

Очевидно, что ничего в жизни не так просто, я просто получаюпустой объект, независимо от того, что я делаю.Я что-то упускаю?Я следовал за каждым руководством, которое я могу найти ...

Answer 1

Я пытался воссоздать это, и это сработало. ссылка на коды и поле здесь . Надеюсь, это поможет.