【React.js】 <button>, onClick がPC画面で反応しない

Question

const [isVisible, setIsVisible] = useState(true);

const visibleButton = () => {
 　setIsVisible(!isVisible);
};

return (
　　　　...
  <button
    onClick={()=>visibleButton()}
  >
   <span>
     {isVisible ? "falseに変更" : "trueに変更"}
   </span>
  </button>
)

コードは簡略しているのですが、上記のようにHooksでボタンのtrue/falseで変更したいのですが、
PC画面(一定のwidthを超える)だと、何故かbuttonと認識せずに、カーソルのままになってしまい、勿論押すこともできません。

スマホ（一定の画面の狭さになると）ではボタンが反応しています。

キャッシュ削除、onClick={visibleButton}なども試したのですが、変わりませんでした。

知見のある方がいましたらぜひ教えていただきたいです。

よろしくお願いいたします。

Comments

[ukyoda]

パッとみる感じではボタンには特に問題はないように見えます。
 「PC画面(一定のwidthを超える)だと、」とのことなので、他の要素が邪魔をしているか、メディアクエリなどのCSSが悪さをしているかではないかと思います。