How to change context in React?

Question

React

context.js

export ctx = {
  changed: false,
}

app.js

import ctx
import MyComponent
CTX = createContext(ctx)
<CTX.Provider value={ctx}>
    <MyComponent />
</CTX.Provider>

How to change value in context in MyComponent.js using
useContext ?
There is an example in the docs, but there on a "clean" context, without hooks.
Should I place a method on the context object?
Like so?
context.js

export ctx = {
  value: false,
  change: function(){
    this.value = !this.value
  }
}

Answer 1

Change context from nested component