From 16562faea6d3eec39189a95e2c6c712dc8af8f29 Mon Sep 17 00:00:00 2001
From: Adela Almasan <88068998+adela-almasan@users.noreply.github.com>
Date: Wed, 19 Jul 2023 15:52:26 -0500
Subject: [PATCH] Timeseries: Fix TooltipPlugin hooks warning (#71978)

---
 .../grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx b/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
index 0bcf7ae53ad..6387573973f 100644
--- a/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
+++ b/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
@@ -63,6 +63,8 @@ export const TooltipPlugin = ({
 
   const pluginId = `TooltipPlugin`;
 
+  const style = useStyles2(getStyles);
+
   // Debug logs
   useEffect(() => {
     pluginLog(pluginId, true, `Focused series: ${focusedSeriesIdx}, focused point: ${focusedPointIdx}`);
@@ -274,8 +276,6 @@ export const TooltipPlugin = ({
     tooltip = renderTooltip(otherProps.data, focusedSeriesIdx, focusedPointIdx);
   }
 
-  const style = useStyles2(getStyles);
-
   return (
     <Portal className={isActive ? style.tooltipWrapper : undefined}>
       {tooltip && coords && (