@nish1896/rhf-mui-components/config/ConfigProvider.js

A suite of 20+ reusable Material UI components for React Hook Form to minimize your time and effort in creating and styling forms

import { jsx as _jsx } from "react/jsx-runtime";
import { createContext, useMemo } from 'react';
import { DefaultRHFMuiConfig } from './DefaultConfig';
export const RHFMuiConfigContext = createContext(DefaultRHFMuiConfig);
export const ConfigProvider = ({ children, defaultFormHelperTextSx, defaultFormControlLabelSx, defaultFormLabelSx, dateAdapter, allLabelsAboveFields }) => {
    const defaultSetting = useMemo(() => ({
        defaultFormLabelSx: {
            ...DefaultRHFMuiConfig.defaultFormLabelSx,
            ...defaultFormLabelSx
        },
        defaultFormControlLabelSx: {
            ...DefaultRHFMuiConfig.defaultFormControlLabelSx,
            ...defaultFormControlLabelSx
        },
        defaultFormHelperTextSx: {
            ...DefaultRHFMuiConfig.defaultFormHelperTextSx,
            ...defaultFormHelperTextSx
        },
        dateAdapter,
        allLabelsAboveFields
    }), [
        defaultFormHelperTextSx,
        defaultFormControlLabelSx,
        defaultFormLabelSx,
        dateAdapter,
        allLabelsAboveFields
    ]);
    return (_jsx(RHFMuiConfigContext.Provider, { value: defaultSetting, children: children }));
};