include unit test

Author: bluebill1049

src/index.test.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { render } from '@testing-library/react';
+import { RHFError } from './index';
+
+describe('React Hook Form Error', () => {
+  it('should render correctly', () => {
+    const { asFragment } = render(
+      <RHFError
+        errors={{ test: { type: 'test' } }}
+        as={<span />}
+        name="test"
+      />,
+    );
+
+    expect(asFragment).toMatchSnapshot();
+  });
+});

src/index.tsx

@@ -6,20 +6,24 @@ const RHFError = <Errors extends ErrorFields, Name extends keyof Errors>({
   as,
   errors,
   name,
-  messages,
+  messages = {},
 }: {
-  as: any;
+  as?: React.ReactElement;
   errors: Errors;
   name: Name;
-  messages: Record<string, string>;
+  messages?: Record<string, string>;
 }) => {
   const message = errors[name].message || messages[errors[name].type];
 
   if (!message) {
     return null;
   }
 
-  return as ? React.cloneElement(as, { children: message }) : message;
+  return as ? (
+    React.cloneElement(as, { children: message })
+  ) : (
+    <span>{message}</span>
+  );
 };
 
 export { RHFError };