diff --git a/README.md b/README.md
index 9bf33f779..ff10606b2 100644
--- a/README.md
+++ b/README.md
@@ -203,7 +203,7 @@ const TextField = props => {
   const {label, input, meta, ...rest} = useFieldApi(props)
   return (
     <div>
-      <label htmlForm={input.name}>{label}</label>
+      <label htmlFor={input.name}>{label}</label>
       <input {...input} {...rest} id={input.name}/>
       {meta.error && <p>{meta.error}</p>}
     </div>
@@ -219,7 +219,7 @@ const schema = {
   fields: [{
     component: componentTypes.TEXT_FIELD,
     name: 'name',
-    label: 'Your name'
+    label: 'Your name',
     type: 'search',
   }]
 }
diff --git a/packages/react-form-renderer/README.md b/packages/react-form-renderer/README.md
index 8a68b5808..a59cea6f8 100644
--- a/packages/react-form-renderer/README.md
+++ b/packages/react-form-renderer/README.md
@@ -171,7 +171,7 @@ const TextField = props => {
   const {label, input, meta, ...rest} = useFieldApi(props)
   return (
     <div>
-      <label htmlForm={input.name}>{label}</label>
+      <label htmlFor={input.name}>{label}</label>
       <input {...input} {...rest} id={input.name}/>
       {meta.error && <p>{meta.error}</p>}
     </div>
@@ -187,7 +187,7 @@ const schema = {
   fields: [{
     component: componentTypes.TEXT_FIELD,
     name: 'name',
-    label: 'Your name'
+    label: 'Your name',
     type: 'search',
   }]
 }
diff --git a/packages/react-renderer-demo/src/pages/components/form-template.md b/packages/react-renderer-demo/src/pages/components/form-template.md
index d3ff20784..0f265cca1 100644
--- a/packages/react-renderer-demo/src/pages/components/form-template.md
+++ b/packages/react-renderer-demo/src/pages/components/form-template.md
@@ -50,7 +50,7 @@ import { FormTemplate } from '@data-driven-forms/pf4-component-mapper'
 
 <FormRenderer
   ...
-  FormTemplate={(props) => <FormTemplate {props} showFormControls={false} ... />}
+  FormTemplate={(props) => <FormTemplate {...props} showFormControls={false} ... />}
 />
 ```
 
diff --git a/packages/react-renderer-demo/src/pages/hooks/use-field-api.md b/packages/react-renderer-demo/src/pages/hooks/use-field-api.md
index baff3630a..0f2f5bc87 100644
--- a/packages/react-renderer-demo/src/pages/hooks/use-field-api.md
+++ b/packages/react-renderer-demo/src/pages/hooks/use-field-api.md
@@ -85,7 +85,7 @@ import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 const TextField = (props) => {
   const { input } = useFieldApi(props);
 
-  return <input {...rest}>
+  return <input {...input} />
 }
 ```
 
@@ -103,7 +103,7 @@ import Card from './custom-card.js';
 const TextField = (props) => {
   const { input } = useFieldApi(props);
 
-  return <Card onClick={() => input.onChange(props.value)}>
+  return <Card onClick={() => input.onChange(props.value)} />
 }
 ```
 
@@ -167,7 +167,7 @@ const TextField = (props) => {
   const { input, meta } = useFieldApi(props);
 
   return <React.Fragment>
-    <input {...rest}>
+    <input {...input} />
     {meta.validating && <Spinner />}
   </React.Fragment>
 }
@@ -186,7 +186,7 @@ const TextField = (props) => {
   const { input, meta } = useFieldApi(props);
 
   return <React.Fragment>
-    <input {...rest}>
+    <input {...input} />
     {meta.error && <ErrorMessage error={meta.error} />}
   </React.Fragment>
 }
@@ -209,7 +209,7 @@ const TextField = (props) => {
   const error = meta.touched && meta.error;
 
   return <React.Fragment>
-    <input {...rest}>
+    <input {...input} />
     {error && <ErrorMessage error={error} />}
   </React.Fragment>
 }