Проблема с перезаписью модуля CSS в Next.js 13 ⇐ CSS

[Гость]

У меня возникла проблема с перезаписью CSS в моем компоненте, когда я хочу передать им собственное имя класса.

У меня есть этот компонент в button.tsx:

import {FC} из "реагировать"; импортировать стили из «./button.module.css»; const Кнопка: FC = ({ className = "" }) => { возвращаться ( здравствуйте ); }; кнопка экспорта по умолчанию; и этот стиль в button.module.css:

.button { цвет фона: зеленый; } затем я использую его в своем файле page.tsx следующим образом:

import {FC} из 'реагировать'; импортировать стили из «./home.module.css»; импортировать кнопку из "./button"; const Домашняя страница: FC = () => { возвращаться ( ); } экспортировать по умолчанию Домой; с этим стилем в home.module.css:

.customButton { цвет фона: фиолетовый; } теперь, когда я запускаю проект, цвет кнопки зеленый, и класс customButton не перезаписывается. но когда я добавляю "use client"; в начало button.tsx, он будет перезаписан. как я могу перезаписать свой класс customButton без добавления "use client";?