useContextを使っていて、Cannot destructure property 'pause' of 'Object(...)(...)' as it is undefined.のエラーがでたとき

useContextを使っているときにこんなエラーが出ました。

Cannot destructure property 'pause' of 'Object(...)(...)' as it is undefined.

オブジェクトでのpauseが未定義だと言われてしまいました。解決するには本当にエラー文そのままで、pauseの型を考えて上げればいいと思います。
そこで、pauseがあるところまで戻ってみました。

\\import React,{createContext} from 'react'
export const Store = createContext()

const App = () => {
   const [pause, setPause] = useState(false)
   return(
  ...

     <Store.Provider value={{pause, setPause}}>
        ..........
     </Store.Provider>

  ...
  )

}

そこまで問題がないように見えます。

実は、ここではなくて、importするときにpauseの型が適切ではありませんでした。

import Store from './App'

これを

import {Store} from './App'

にしてあげる解決しました。初歩的過ぎますね。オブジェクトの形でStoreに保存しているのにimportする形はオブジェクトでなかったため怒られていたようです。

日本語の記事がなかったため、書いてみました。