Home > @plasmicapp/loader-react > PlasmicRootProvider

PlasmicRootProvider() function

PlasmicRootProvider should be used at the root of your page or application.

Signature:

export declare function PlasmicRootProvider(props: {
    loader: PlasmicComponentLoader;
    globalVariants?: GlobalVariantSpec[];
    children?: React.ReactNode;
    skipCss?: boolean;
    skipFonts?: boolean;
    prefetchedData?: ComponentRenderData;
    prefetchedQueryData?: Record<string, any>;
    suspenseForQueryData?: boolean;
    globalContextsProps?: Record<string, any>;
    variation?: Record<string, string>;
    translator?: PlasmicTranslator;
    Head?: React.ComponentType<any>;
    Link?: React.ComponentType<any>;
    pageRoute?: string;
    pageParams?: Record<string, string | string[] | undefined>;
    pageQuery?: Record<string, string | string[] | undefined>;
    disableLoadingBoundary?: boolean;
    suspenseFallback?: React.ReactNode;
} & PlasmicDataSourceContextValue): React.JSX.Element;

Parameters

Parameter	Type	Description
props	{ loader: PlasmicComponentLoader; globalVariants?: GlobalVariantSpec[]; children?: React.ReactNode; skipCss?: boolean; skipFonts?: boolean; prefetchedData?: ComponentRenderData; prefetchedQueryData?: Record<string, any>; suspenseForQueryData?: boolean; globalContextsProps?: Record<string, any>; variation?: Record<string, string>; translator?: PlasmicTranslator; Head?: React.ComponentType<any>; Link?: React.ComponentType<any>; pageRoute?: string; pageParams?: Record<string, string | string[] | undefined>; pageQuery?: Record<string, string | string[] | undefined>; disableLoadingBoundary?: boolean; suspenseFallback?: React.ReactNode; } & PlasmicDataSourceContextValue

Returns:

React.JSX.Element