How to use the found/lib/createBrowserRouter function in found

import createBrowserRouter from 'found/lib/createBrowserRouter';
import React from 'react';
import { hot } from 'react-hot-loader';

import routeConfig from './routeConfig';

const BrowserRouter = createBrowserRouter({
  routeConfig,

  /* eslint-disable react/prop-types */
  renderError: ({ error }) => (
    <div>{error.status === 404 ? 'Not found' : 'Error'}</div>
  ),
  /* eslint-enable react/prop-types */
});

export default hot(module)(BrowserRouter);

<ul>
        Main
        <ul>
          Foo
          Bar
        </ul>
      </ul>

      {children}
    
  );
}

App.propTypes = propTypes;

const BrowserRouter = createBrowserRouter({
  routeConfig: [
    {
      path: '/',
      Component: App,
      children: [
        {
          Component: () =&gt; <div>Main</div>,
        },
        {
          path: 'foo',
          getComponent: () =&gt;
            new Promise(resolve =&gt; {
              setTimeout(resolve, 1000, () =&gt; <div>Foo</div>);
            }),
        },
        {

<button type="button">
              Yes
            </button>
            <button type="button">
              No
            </button>
          
        )}
      
    );
  }
}

Main.propTypes = mainPropTypes;

const BrowserRouter = createBrowserRouter({
  historyOptions: { useBeforeUnload: true },

  routeConfig: [
    {
      path: '/',
      Component: App,
      children: [
        {
          Component: Main,
        },
        {
          path: 'other',
          Component: () =&gt; <div>Other</div>,
        },
      ],
    },

<ul>
          Foo
          Bar (async)
          Baz (redirects to Foo)
          Qux (missing)
        </ul>
      

      {children}
    
  );
}

App.propTypes = propTypes;

const BrowserRouter = createBrowserRouter({
  routeConfig: makeRouteConfig(
    
       <div>Main</div>} /&gt;
       <div>Foo</div>} /&gt;
      
          new Promise(resolve =&gt; {
            setTimeout(resolve, 1000, ({ data }) =&gt; <div>{data}</div>);
          })
        }
        getData={() =&gt;
          new Promise(resolve =&gt; {
            setTimeout(resolve, 1000, 'Bar');
          })
        }

<ul>
          Foo
          Bar (async)
          Baz (redirects to Foo)
          Qux (missing)
        </ul>
      

      {children}
    
  );
}

App.propTypes = propTypes;

const BrowserRouter = createBrowserRouter({
  routeConfig: [
    {
      path: '/',
      Component: App,
      children: [
        {
          Component: () =&gt; <div>Main</div>,
        },
        {
          path: 'foo',
          Component: () =&gt; <div>Foo</div>,
        },
        {
          path: 'bar',
          getComponent: () =&gt;
            new Promise(resolve =&gt; {