How to use the @mapbox/batfish/modules/prefix-url.prefixUrl function in @mapbox/batfish

<div>
          <ul>
            <li>
              <a href="{prefixUrl('/markdown-react/plugins')}">
                Remark and Rehype Plugins
              </a>
            </li>
            <li>
              <a href="{prefixUrl('/markdown-react/unpublished')}">
                Unpublished React Page
              </a>
            </li>
            <li>
              <a href="{prefixUrl('/markdown-react/route-to-home')}">
                Route to Home
              </a>
            </li>
          </ul>
        </div>
        <div>
          <span>Here's page-specific CSS</span></div>

render() {
    return (
      <div>
        <a href="{prefixUrl('/')}">
          Home
        </a>
        <a href="{prefixUrl('/sample')}">
          Sample
        </a>
        <a href="{prefixUrl('/layouts')}">
          Layouts
        </a>
        </div>

<div>
        
          </div>

import { prefixUrl } from '@mapbox/batfish/modules/prefix-url';
import { createRedirect } from '@mapbox/dr-ui/helpers/create-redirect';
import constants from '../constants';

export default createRedirect(prefixUrl(`${constants.BASEURL}overview/`));

<div>
            <a href="{prefixUrl('/')}">
              Home
            </a>
            <a href="{prefixUrl('/holidays/')}">
              Holidays
            </a>
            <a href="{prefixUrl('/stories/')}">
              Stories
            </a>
          </div>
          {props.children}
        
      
    );
  }
}

render() {
    return (
      <div style="{{">
        <h1>Route not found</h1>
        <p>
          Batfish can't find a route for{' '}
          <span style="{{">
            {this.props.location.pathname}
          </span>
          .
        </p>
        <p>
          <a style="{{" href="{prefixUrl('/')}">
            Go somewhere safe
          </a>
        </p>
        <p style="{{">
          This is Batfish's default <em>development only</em> 404 page.
          <br>
          It will not appear in production builds.
        </p>
        <div aria-hidden="{true}">
          <code style="{{">(•́﹏•̀)</code>
        </div>
      </div>
    );
  }
}