diff --git a/packages/grafana-ui/src/utils/useForceUpdate.ts b/packages/grafana-ui/src/utils/useForceUpdate.ts
index 6f9a08b8b9d..87d3c73383f 100644
--- a/packages/grafana-ui/src/utils/useForceUpdate.ts
+++ b/packages/grafana-ui/src/utils/useForceUpdate.ts
@@ -1,7 +1,7 @@
-import { useState } from 'react';
+import { useCallback, useState } from 'react';
 
 /** @internal */
 export function useForceUpdate() {
   const [_, setValue] = useState(0); // integer state
-  return () => setValue((prevState) => prevState + 1); // update the state to force render
+  return useCallback(() => setValue((prevState) => prevState + 1), []);
 }