text: import { h } from 'hyperapp';
  import { Route, Link } from '@hyperapp/router';
  
  const Topic = ({ match }) => <h3>{match.params.topicId}</h3>;
  
  export default ({ match }) => (
    <div>
      <h2>Topics</h2>
      <ul>
        <li>
          <Link to={`${match.url}/components`}>Components</Link>
        </li>
        <li>
          <Link to={`${match.url}/single-state-tree`}>Single State Tree</Link>
        </li>
        <li>
          <Link to={`${match.url}/routing`}>Routing</Link>
        </li>
      </ul>
  
      {match.isExact && <h3>Please select a topic.</h3>}
  
      <Route parent path={`${match.path}/:topicId`} render={Topic} />
    </div>
  );
  