apollo-form/consumers/ErrorMessage.js

Form state manager

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const useFormCtx_1 = __importDefault(require("../hooks/useFormCtx"));
function ErrorMessage(props) {
    const apolloForm = useFormCtx_1.default();
    const error = apolloForm.useError(props.name);
    const touched = apolloForm.useTouched(props.name);
    const Component = (props.children ||
        (({ error }) => react_1.default.createElement("span", null, error)));
    // @ts-ignore
    return react_1.default.createElement(Component, { error: !props.ignoreTouched ? touched && error : error });
}
exports.default = ErrorMessage;