获取Web共享API的典型代码（见下文）在我的Firefox浏览器上不起作用，但在Safari上可以。这适用于桌面和移动的。

// NextJS/React
if (navigator.share) await navigator.share(data);

但是根据Reddit（Does the Web Share API work in Firefox on Android?）和这个Codepen（Web Share API demo）上的这些用户的说法，一个非常相似的代码似乎在Vanilla JS上工作（对于任何浏览器）：

//VanillaJS
if (navigator.share) { 
   navigator.share({
      title: 'WebShare API Demo',
      url: 'https://codepen.io/ayoisaiah/pen/YbNazJ'
    }).then(() => {
      console.log('Thanks for sharing!');
    })
    .catch(console.error);
    } else {
        shareDialog.classList.add('is-open');
    }

我的猜测是，这一定是一个依赖于框架的问题。有没有人在让Web Share API在NextJS上工作，特别是Firefox上遇到过麻烦？
或者，我想知道Codepen网站是否有自定义代码来让API工作。
在任何情况下，它都不可能是我的浏览器配置，因为我已经在移动的和桌面上进行了测试，正如我所说，Codepen链接在我的浏览器上工作。
因此，这一定是让API在React/NextJS上工作的一个问题。
一个令人满意的解决方案，这个答案将是一个理想的管理，以重现的情况，并提供了一个明确的解释变通办法或修复。