React应用中LinkedIn链接分享功能异常问题排查求助

我正在开发一个React应用，目前遇到了LinkedIn URL分享的问题。我的应用包含两个核心组件：App.jsx和Share.jsx。在Share.jsx中，我使用锚点标签实现LinkedIn分享功能，但点击该标签跳转至LinkedIn后，想要分享的URL无法正常工作。我不确定问题出在哪里。

以下是相关代码：

App.jsx:

import Share from './components/Share';
import {
  BrowserRouter as Router,
  Routes,
  Route,
  Link,
} from 'react-router-dom';

function App() {
  return (
    <Router>
      <h1>Hello React World</h1>
      <Link to="/share">Share</Link>
      <Routes>
        <Route path="/share" element={<Share />} />
      </Routes>
    </Router>
  )
}

export default App;

Share.jsx:

const Share = () => {
  let url = encodeURIComponent("https://superlative-bunny-c61262.netlify.app/share");

  return (
    <div>
      <h2>Share Social</h2>
      <a target='_blank' className='c-black' rel="noreferrer" href={`https://www.linkedin.com/sharing/share-offsite/?url=${url}`}>
        Share on LinkedIn
      </a>
    </div>
  );
};

export default Share;

我尝试分享的URL是：https://superlative-bunny-c61262.netlify.app/share。点击“Share on LinkedIn”后确实会跳转至LinkedIn，但URL未按预期完成分享。

我已搜索过类似问题及解决方案，但未能找到有效解决办法。恳请各位提供问题原因分析及修复建议，感谢大家的帮助！

内容的提问来源于stack exchange，提问作者Gagan Deep