feast/ui/src/FeastUI.tsx at feast-dataframe-phase2 · feast-dev/feast

39 lines (33 loc) · 1.25 KB

import React from "react";

import { BrowserRouter } from "react-router-dom";

import { QueryClient, QueryClientProvider } from "react-query";

import { QueryParamProvider } from "use-query-params";

import { ReactRouter6Adapter } from "use-query-params/adapters/react-router-6";

import FeastUISansProviders, { FeastUIConfigs } from "./FeastUISansProviders";

interface FeastUIProps {

reactQueryClient?: QueryClient;

feastUIConfigs?: FeastUIConfigs;

}

const defaultQueryClient = new QueryClient();

const FeastUI = ({ reactQueryClient, feastUIConfigs }: FeastUIProps) => {

const queryClient = reactQueryClient || defaultQueryClient;

const basename = process.env.PUBLIC_URL ?? "";

return (

// Disable v7_relativeSplatPath: custom tab routes don't currently work with it

<BrowserRouter

basename={basename}

future={{ v7_relativeSplatPath: false, v7_startTransition: true }}

<FeastUISansProviders

basename={basename}

feastUIConfigs={feastUIConfigs}

</QueryParamProvider>

</QueryClientProvider>

</BrowserRouter>

);

};

export default FeastUI;

export type { FeastUIConfigs };

Provide feedback