How to use the found.createFarceRouter function in found

import ReactDOM from 'react-dom';
import {modernEnvironment} from "./data";
import {BrowserProtocol, queryMiddleware} from 'farce';
import {createFarceRouter, createRender, makeRouteConfig, Route,} from 'found';
import {Resolver} from 'found-relay';
import FrontPage from './pages/FrontPage';
import Profile, {ProfileQuery, render as ProfileRender} from "./pages/Profile";
import KitchenSink from "./pages/KitchenSink";
import Dash from "./pages/Dash";
import Theme from "./Theme";
import Settings from "./pages/Settings";
import Profiles from "./pages/Profiles";
import './App.css';
import store from "./local-storage";

const Router = createFarceRouter({
  historyProtocol: new BrowserProtocol(),
  historyMiddlewares: [queryMiddleware],
  routeConfig: makeRouteConfig(
      
        
        
        
        
         params} query={ProfileQuery}
               render={ProfileRender}/>
        
      
  ),

  render: createRender({}),

import { BrowserProtocol, queryMiddleware } from "farce";
import { createFarceRouter, ElementsRenderer } from "found";
import { Resolver } from "found-relay";
import React, { FunctionComponent } from "react";

import { CoralContextConsumer } from "coral-framework/lib/bootstrap/CoralContext";
import TransitionControl from "coral-framework/testHelpers/TransitionControl";

import routeConfig from "../routeConfig";
import NotFound from "../routes/NotFound";
import MainLayout from "./MainLayout";

import "./App.css";

const Router = createFarceRouter({
  historyProtocol: new BrowserProtocol(),
  historyMiddlewares: [queryMiddleware],
  routeConfig,
  renderReady: function FarceRouterReady({ elements }) {
    return (
      <>
        
        {process.env.NODE_ENV === "test" && }
      
    );
  },
  renderError: function FarceRouterError({ error }) {
    return <div>{error.status === 404 ?  : "Error"}</div>;
  },
});

import { BrowserProtocol, queryMiddleware } from "farce";
import { createFarceRouter, ElementsRenderer } from "found";
import { Resolver } from "found-relay";
import React, { FunctionComponent } from "react";

import { CoralContextConsumer } from "coral-framework/lib/bootstrap/CoralContext";
import TransitionControl from "coral-framework/testHelpers/TransitionControl";

import routeConfig from "../routeConfig";
import NotFound from "../routes/NotFound";

const Router = createFarceRouter({
  historyProtocol: new BrowserProtocol(),
  historyMiddlewares: [queryMiddleware],
  routeConfig,
  renderReady: function FarceRouterReady({ elements }) {
    return (
      <>
        
        {process.env.NODE_ENV === "test" && }
      
    );
  },
  renderError: function FarceRouterError({ error }) {
    return <div>{error.status === 404 ?  : "Error"}</div>;
  },
});