fix

Author: lucasgoral

src/components/Yaml/YamlLoader.tsx

@@ -1,5 +1,5 @@
 import { YamlViewButtonProps } from './YamlViewButtonWithLoader.tsx';
-import { FC } from 'react';
+import { FC, useMemo } from 'react';
 
 import { stringify } from 'yaml';
 
@@ -29,15 +29,24 @@ export const YamlLoader: FC<YamlLoaderProps> = ({
     true,
   );
   const { t } = useTranslation();
+  const yamlString = useMemo(() => {
+    if (isLoading || error) return '';
+    return stringify(removeManagedFieldsProperty(data as Resource, showOnlyImportantData));
+  }, [data, error, isLoading, showOnlyImportantData]);
+
+  const yamlStringToCopy = useMemo(() => {
+    if (isLoading || error) return '';
+    return stringify(removeManagedFieldsProperty(data as Resource, false));
+  }, [data, error, isLoading]);
   if (isLoading) return <Loading />;
   if (error) {
     return <IllustratedError details={t('common.cannotLoadData')} />;
   }
 
   return (
     <YamlViewer
-      yamlString={stringify(removeManagedFieldsProperty(data as Resource, showOnlyImportantData))}
-      yamlStringToCopy={stringify(removeManagedFieldsProperty(data as Resource, false))}
+      yamlString={yamlString}
+      yamlStringToCopy={yamlStringToCopy}
       filename={`${workspaceName ? `${workspaceName}_` : ''}${resourceType}_${resourceName}`}
       setShowOnlyImportantData={setShowOnlyImportantData}
       showOnlyImportantData={showOnlyImportantData}

src/components/Yaml/YamlViewButton.tsx

@@ -23,7 +23,7 @@ export const YamlViewButton: FC<YamlViewButtonProps> = ({ resourceObject }) => {
   }, [resource, showOnlyImportantData]);
   const yamlStringToCopy = useMemo(() => {
     return stringify(removeManagedFieldsProperty(resource, false));
-  }, [resource, showOnlyImportantData]);
+  }, [resource]);
   return (
     <span>
       <YamlViewDialog