按钮不适用于Firefox，但适用于Chrome

我正在开发一个ReactJS应用程序。这是已部署的版本，可以更好地了解问题。

本节中的“登录”按钮在Firefox中不起作用Inventory Login。渲染的HTML将其显示为一个按钮，并带有一个侦听器。因此，它应该正在工作。

在StackOverflow上咨询有关Firefox中按钮的各种答案和解决方案，尤其是在使用JSX时，没有得到任何结果。我敢肯定这不算是互动内容，仍然可以视为这里列出的措辞。

这是库存登录运行的代码片段。

import React from "react";

const Login = props => (
  <nav className="login">
    <h2>Inventory Login</h2>
    <p>Sign in to manage your store's inventory.</p>

    <button className="github" onClick={() => props.authenticate()}>
      Log In With GitHub
    </button>
  </nav>
);

export default Login;

props.authenticate()正在App.js中回调一个通过Firebase处理身份验证的函数。我已经验证了它可以在Chrome上正常运行，并且道具正在通过。

唯一的是-另一个按钮ORDER RESET在不同的组件中工作，但是具有几乎相似的代码。

这是完整的源代码-https://github.com/vipulgupta2048/react-cotd