NextJS プロジェクトで Tailwind と MUI を使用する場合の予期しない動作 (白いボタンのバグ)
現在、NextJS、TailwindCSS、および MUI React UI ライブラリを使用してプロジェクトを構築しています。
MUI ボタンをプロジェクトに追加しようとすると、正常に機能しますが、ボタンの色は白のままです。
ホバーすると色は通常に戻りますが、ボタンをクリックすると波紋効果が残ります。ただし、ホバリングしていない場合は白に戻ります。
_app.{js,jsx.ts,tsx} ファイルにインポートしたグローバル CSS ファイルから tailwind ディレクティブを削除すると、ボタンは再び正常に機能しましたが、これにより TailwindCSS も削除されました。
ディレクティブを保持したまま修正する方法はありますか?それとも、別の方法を使用して、tailwind CSS を含めるのでしょうか?
更新 (2022年8月15日)
MUI チームは、tailwind CSS のサポートを追加しました。手順については、このリンクに従ってください。 https://mui.com/material-ui/guides/interoperability/#tailwind-css
