I have a value that needs to be checked before sending. There is some validation scheme on yup. I want to validate the value using this scheme and if the validation fails, I want to display the error in a popup notification. But for some reason when validating via validateSync I get a huge path back but not the validation error itself?
// Validation schema
export const validateName = yup
.string()
.required('Enter a name')
.matches(name, 'Incorrect entry. Minimum number of letters 2')
// Value validation:
try {
validateName.validateSync('')
} catch (err) {
console.log(err)
}
// With an empty string, I expected to get an error - "Enter a name". I got:
ValidationError
at eval (index.esm.js:847:32)
at nextOnce (index.esm.js:766:7)
at finishTestRun (index.esm.js:785:11)
at handleResult (index.esm.js:392:96)
at validate (index.esm.js:415:5)
at StringSchema.runTests (index.esm.js:780:7)
at eval (index.esm.js:735:12)
at nextOnce (index.esm.js:766:7)
at finishTestRun (index.esm.js:785:11)
at handleResult (index.esm.js:392:124)
at validate (index.esm.js:415:5)
at StringSchema.runTests (index.esm.js:780:7)
at StringSchema._validate (index.esm.js:724:10)
at StringSchema.validateSync (index.esm.js:841:12)
at onClick (index.tsx:32:34)
at HTMLUnknownElement.callCallback (react-dom.development.js:20565:14)
at Object.invokeGuardedCallbackImpl (react-dom.development.js:20614:16)
at invokeGuardedCallback (react-dom.development.js:20689:29)
at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:20703:25)
at executeDispatch (react-dom.development.js:32128:3)
at processDispatchQueueItemsInOrder (react-dom.development.js:32160:7)
at processDispatchQueue (react-dom.development.js:32173:5)
at dispatchEventsForPlugins (react-dom.development.js:32184:3)
at eval (react-dom.development.js:32374:12)
at batchedUpdates$1 (react-dom.development.js:24953:12)
at batchedUpdates (react-dom.development.js:28844:12)
at dispatchEventForPluginEventSystem (react-dom.development.js:32373:3)
at dispatchEvent (react-dom.development.js:30141:5)
at dispatchDiscreteEvent (react-dom.development.js:30112:5)