From cbbffe4a9892204a0a12be2e46262e43f9e8f17e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?=
 <smith3816@gmail.com>
Date: Tue, 26 Jan 2021 16:18:13 +0800
Subject: [PATCH] chore: Import IconContext directly (#29045)

---
 components/config-provider/index.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/config-provider/index.tsx b/components/config-provider/index.tsx
index 3d68e3f5b4..d2e8f43fde 100644
--- a/components/config-provider/index.tsx
+++ b/components/config-provider/index.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IconProvider } from '@ant-design/icons/lib/'; // keep last '/' since antd-tools need this
+import IconContext from '@ant-design/icons/lib/components/Context';
 import { FormProvider as RcFormProvider } from 'rc-field-form';
 import { ValidateMessages } from 'rc-field-form/lib/interface';
 import useMemo from 'rc-util/lib/hooks/useMemo';
@@ -148,6 +148,8 @@ const ProviderChildren: React.FC<ProviderChildrenProps> = props => {
     },
   );
 
+  const memoIconContextValue = React.useMemo(() => ({ prefixCls: iconPrefixCls }), [iconPrefixCls]);
+
   let childNode = children;
   // Additional Form provider
   let validateMessages: ValidateMessages = {};
@@ -172,7 +174,9 @@ const ProviderChildren: React.FC<ProviderChildrenProps> = props => {
   }
 
   if (iconPrefixCls) {
-    childNode = <IconProvider value={{ prefixCls: iconPrefixCls }}>{childNode}</IconProvider>;
+    childNode = (
+      <IconContext.Provider value={memoIconContextValue}>{childNode}</IconContext.Provider>
+    );
   }
 
   if (componentSize) {