dot syntax names

[steveoh]

It appears that

<input name="coordinate.northing" ref={register} />
<ErrorMessage errors={errors} name="coordinate.northing" />

does not function properly. Is this known/expected?

I noticed this test

error-message/src/ErrorMessage.test.tsx

Lines 130 to 143 in 9eb1da1

	it('should render correctly with nested errors object', () => {
	const { asFragment } = render(
	<ErrorMessage
	errors={{
	nested: {
	object: { type: 'object', message: 'object' },
	},
	}}
	name="nested.object"
	/>,
	);
	expect(asFragment()).toMatchSnapshot();
	});

But I don't see the same result.

Maybe this is an issue for the main repo since the errors object sent to this component contains

{
 northing: {message: '', type: ''}
}

updating the error message to

<ErrorMessage errors={errors} name="northing" as={ErrorMessageTag} />

does work but that is confusing and can lead to non-unique keys.

update

I messed up. the errors object is coming from my yup resolver schema so once I linked everything up it does work as expected.