Update external resources usage (#384)

* update externalResources

* Update CHANGELOG.md

---------

Co-authored-by: Mikhail Volkov <[email protected]>

Author: vitPinchuk

CHANGELOG.md

@@ -5,6 +5,7 @@
 ### Features / Enhancements
 
 - Added context.grafana.refresh (#387)
+- Updated external resources usage (#384)
 
 ## 5.6.0 (2024-12-15)
 

package-lock.json

@@ -85,11 +85,18 @@ export const TextPanel: React.FC<Props> = ({
     [data.series, frameIndex, options.renderMode]
   );
 
+  /**
+   * External Resources; use memo to prevent endless call to resources
+   */
+  const externalResources = useMemo(() => {
+    return options.externalStyles.map((resource) => ({ ...resource, url: replaceVariables(resource.url) }));
+  }, [options.externalStyles, replaceVariables]);
+
   /**
    * External Styles
    */
   useExternalResources({
-    items: options.externalStyles.map((resource) => ({ ...resource, url: replaceVariables(resource.url) })),
+    items: externalResources,
     type: ResourceType.STYLES,
   });