diff --git a/frontend/src/container/Trace/Filters/Panel/PanelBody/Duration/index.tsx b/frontend/src/container/Trace/Filters/Panel/PanelBody/Duration/index.tsx
index 6fa6c9ec53e3..1524d4060a2d 100644
--- a/frontend/src/container/Trace/Filters/Panel/PanelBody/Duration/index.tsx
+++ b/frontend/src/container/Trace/Filters/Panel/PanelBody/Duration/index.tsx
@@ -210,7 +210,7 @@ function Duration(): JSX.Element {
 					min={Number(getMs(String(preLocalMinDuration.current || 0)))}
 					max={Number(getMs(String(preLocalMaxDuration.current || 0)))}
 					range
-					tipFormatter={TipComponent}
+					tooltip={{ formatter: TipComponent }}
 					onChange={([min, max]): void => {
 						onRangeSliderHandler([String(min), String(max)]);
 					}}