diff --git a/docuilib/package.json b/docuilib/package.json
index 7c06e73265..c6782dc04c 100644
--- a/docuilib/package.json
+++ b/docuilib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "uilib-docs",
-  "version": "3.19.0",
+  "version": "3.20.0",
   "main": "./src/index.ts",
   "scripts": {
     "docusaurus": "docusaurus",
diff --git a/docuilib/src/components/pageComponents/ContentItem.tsx b/docuilib/src/components/pageComponents/ContentItem.tsx
index 6d97d3c23e..ac9067fb51 100644
--- a/docuilib/src/components/pageComponents/ContentItem.tsx
+++ b/docuilib/src/components/pageComponents/ContentItem.tsx
@@ -1,11 +1,11 @@
 import React, {ComponentProps, useCallback, useMemo, useState} from 'react';
-import _ from 'lodash';
 import '../ComponentPage.module.scss';
 import {LiveProvider, LivePreview} from 'react-live';
 import styles from './ContentItem.module.scss';
 import ReactLiveScope from '../../theme/ReactLiveScope';
 import CodeBlock from '../CodeBlock';
 import CodeIcon from '../../assets/icons/code';
+import {isComponentSupported} from '../../utils/componentUtils';
 
 type ComponentItemProps = {
   componentName: string;
@@ -116,9 +116,7 @@ export const ContentItem = ({item, componentName, showCodeButton, category}: Con
       name = `Incubator.${name}`;
     }
 
-    const isComponentExists = !!_.get(ReactLiveScope, name);
-
-    if (isComponentExists) {
+    if (isComponentSupported(name)) {
       return (
         <ComponentItem
           componentName={name}
diff --git a/docuilib/src/utils/componentUtils.ts b/docuilib/src/utils/componentUtils.ts
index 647c95ce59..3a5efcb671 100644
--- a/docuilib/src/utils/componentUtils.ts
+++ b/docuilib/src/utils/componentUtils.ts
@@ -1,7 +1,6 @@
+import get from 'lodash/get';
 import ReactLiveScope from '../theme/ReactLiveScope';
 
-const supportedComponentNames = Object.keys(ReactLiveScope);
-
 export const isComponentSupported = componentName => {
-  return supportedComponentNames.includes(componentName);
+  return !!get(ReactLiveScope, componentName);
 };