[EuiToolTip] Memoized tool_tip_arrow component

elastic · Dec 9, 2024 · 07645ee · 07645ee
1 parent efcafc8
commit 07645ee
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/eui/src/components/tool_tip/tool_tip_arrow.tsx b/packages/eui/src/components/tool_tip/tool_tip_arrow.tsx
@@ -7,15 +7,14 @@
  */
 
 import React, { HTMLAttributes, FunctionComponent } from 'react';
-import { useEuiTheme } from '../../services';
+import { useEuiMemoizedStyles } from '../../services';
 import { ToolTipPositions } from './tool_tip_popover';
 import { euiToolTipStyles } from './tool_tip.styles';
 
 export const EuiToolTipArrow: FunctionComponent<
   { position: ToolTipPositions } & HTMLAttributes<HTMLDivElement>
 > = ({ position, ...props }) => {
-  const euiTheme = useEuiTheme();
-  const styles = euiToolTipStyles(euiTheme);
+  const styles = useEuiMemoizedStyles(euiToolTipStyles);
   const cssStyles = [styles.euiToolTip__arrow, styles.arrowPositions[position]];
 
   return <div css={cssStyles} {...props} />;