How to use the @storybook/react/dist/client.linkTo function in @storybook/react

function WikiNavigationPage(props) {
  return (
    <div>
      <div>
        <a href="#dummy"><img height="33" width="100" alt="cattaz" src="{logo}"></a>
        <span style="{{">{props.name}</span>
      </div>
      
    </div>);
}
WikiNavigationPage.propTypes = {

.add('index', () => (
    <div>
      <h1><img width="640" alt="cattaz" src="{logo}"></h1>
      <h2>List of pages</h2>
      <ul>
        <li><a href="#dummy">page1</a></li>
        <li><a href="#dummy">page2</a></li>
      </ul>
      <div>
        Create a new page: <input placeholder="new page name" type="text"><input value="Create" type="button">
      </div>
    </div>))
  .add('page1', () =&gt; )

.add('index', () => (
    <div>
      <h1><img width="640" alt="cattaz" src="{logo}"></h1>
      <h2>List of pages</h2>
      <ul>
        <li><a href="#dummy">page1</a></li>
        <li><a href="#dummy">page2</a></li>
      </ul>
      <div>
        Create a new page: <input placeholder="new page name" type="text"><input value="Create" type="button">
      </div>
    </div>))
  .add('page1', () =&gt; )

.add('index', () => (
    <div>
      <h1><img width="640" alt="cattaz" src="{logo}"></h1>
      <h2>List of pages</h2>
      <ul>
        <li><a href="#dummy">page1</a></li>
        <li><a href="#dummy">page2</a></li>
      </ul>
      <div>
        Create a new page: <input placeholder="new page name" type="text"><input value="Create" type="button">
      </div>
    </div>))
  .add('page1', () =&gt; )