I am trying to set my state in Context from within a nested child component, but it doesn't see my method, which I created in the context provider:

```
import React, { createContext, useState } from "react"

const Context = createContext({})

const Provider = ({ children }) => {
  const [value, setValue] = useState(undefined)

  return (
    <Context.Provider
      value={{
        value,
        loadValue: currentValue => {
          setValue(currentValue)
        },
      }}
    >
      {children}
    </Context.Provider>
  )
}

export default Context
export { Provider }

```

In my child component I try to set it like so: 

```
import React, { useContext } from "react"
import Context from "../context/value.context"

const MyPage = ({ data }) => {
  const value = data.contentfulValue
  const { loadValue } = useContext(Context)

  loadValue(value)

  return (
    <Layout>
      ...
    </Layout>
  )
}

export default MyPage

export const valueQuery = graphql`
  query valueBySlug($slug: String!) {
    contentfulValue(slug: { eq: $slug }) {
      ...
    }
  }
`

```

The error I'm getting is `TypeError: loadValue is not a function`