Next.js でreact__WEBPACK_IMPORTED_MODULE_0__.createContext is not a function というエラーが出る原因

Next.jsのappルーターを使っていて、createContextとかuseContextを使っているコンポーネントを外部モジュールから読み込んだ時に次のエラーが発生。

Server Error
Error: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function

This error happened while generating the page. Any console logs will be displayed in the terminal window.

どうやらcreateContextが認識されていない。

軽くググったりChatGPTにきくと、まず疑うべきはReactのバージョンなどの依存関係とのことだったのですが、結果、原因は下記の通りでした。

"use client";の書き忘れ!

普通は"use client";書けよ、的なエラーが発生するはずなんですが(モノレポ開発環境でいじったりしてたときは普通にそう書いてくれてた記憶がある)、えらいややこしいメッセージ文となって出てきてしまうようでした。

開発中パッケージをテスト公開した直後の読み込みで発生しているので、パッケージ側のビルド方法に問題があったりするのかもしれませんが…。