diff --git a/packages/docs/content/docs/custom-icons.mdx b/packages/docs/content/docs/custom-icons.mdx
index e6c30f27b..44fa5e452 100644
--- a/packages/docs/content/docs/custom-icons.mdx
+++ b/packages/docs/content/docs/custom-icons.mdx
@@ -24,7 +24,7 @@ import { faHouse } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import CMS from '@staticcms/core';
 
-CMS.registerIcon('house', () => <FontAwesomeIcon icon={faHouse} size="lg" />);
+CMS.registerIcon('house', () => h(FontAwesomeIcon, {icon=faHouse, size="lg"}));
 ```
 
 ## Usage