# betterdocs/4.9.5/react-src/admin/quick-setup/index.js

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot, version 4.9.5. 48 lines.

- Page: https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/admin/quick-setup/index.js
- Raw: https://pluginprobe.com/plugins/betterdocs/4.9.5/raw/react-src/admin/quick-setup/index.js
- Modified: 2026-10-12T10:07:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/admin/quick-setup/index.js#L10-L20`.

```javascript
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { addFilter } from "@wordpress/hooks";
import React from "react";
import { createRoot } from "react-dom/client";
import { ToastContainer } from "react-toastify";
import QuickBuildWrapper from "./quickbuilder/QuickBuildWrapper";
import QuickSetupHeader from "./QuickSetupHeader";

import Field from "./fields/Field";

addFilter("custom_field", "BetterDocs", Field);

const BetterDocsQuickSetupApp = () => {
    return (
        <>
            <QuickSetupHeader />
            <div className="betterdocs-settings-wrapper">
                <QuickBuildWrapper />
            </div>
        </>
    );
};

const queryClient = new QueryClient();

// style
import "../scss/setup-wizard.scss";

const quickSetupContainer = document.getElementById("betterdocsQuickSetupBuilder");
if (quickSetupContainer) {
    createRoot(quickSetupContainer).render(
        <QueryClientProvider client={queryClient}>
            <ToastContainer
                position="bottom-right"
                autoClose={3000}
                hideProgressBar={false}
                closeOnClick={true}
                pauseOnHover={true}
                draggable={true}
                progress={undefined}
                theme="colored"
                limit={4}
            />
            <BetterDocsQuickSetupApp />
        </QueryClientProvider>
    );
}

```