再利用可能な Toast コンポーネントを作成しようとしています。

コードは次のとおりです: https://codesandbox.io/s/custom-toastify-toast-with-react-component-forked-mu2l9c?file=/src/Toast.js:146-680

Toast コンポーネント自体をレンダリングするとき [以下のコメント] では、トーストが美しくポップアップ表示されます。

ただし、パブリック toastMeta を使用してトーストへの呼び出しを実装しようとしています。この方法では、発信者は toastMeta.message("please show up..") と入力するだけでトーストを取得できます。オプションのパラメータの水平位置と垂直位置も渡されます。

問題: toastMeta.message("") を使用してトースト コンポーネントを呼び出すことができません

注: この CustomToast は npm パッケージになるため、呼び出し元はこのライブラリをインストールし、toastMeta をインポートする必要があります。

キーストロークごとにトーストを呼び出す..

Toast コンポーネントを作成する理由:

はパブリック ライブラリのコンポーネントの 1 つであるため、バージョン管理に使用されます。共通ライブラリには、すべての UI 要素が含まれています。