chore: Fix eslint error react purity (#4428)

* fix eslint error react purity

* Update eslint.config.ts

Author: dbadura

eslint.config.ts

@@ -38,7 +38,6 @@ export default defineConfig(
         'react-hooks/set-state-in-effect': 'warn',
         'react-hooks/preserve-manual-memoization': 'warn',
         'react-hooks/immutability': 'warn',
-        'react-hooks/purity': 'warn',
         'react-hooks/use-memo': 'warn',
 
         // TypeScript

src/shared/components/CertificateDate/CertificateDate.jsx

@@ -2,10 +2,11 @@ import { useTranslation } from 'react-i18next';
 import { FormattedDatetime } from 'shared/components/FormattedDate/FormattedDate';
 import { Tooltip } from 'shared/components/Tooltip/Tooltip';
 import { Icon } from '@ui5/webcomponents-react';
+import useDateNow from 'shared/hooks/dateNow';
 
 export function CertificateDate({ date, lang }) {
   const { t } = useTranslation();
-  const currentDate = Date.now();
+  const currentDate = useDateNow(10_000);
   const dayInMilliseconds = 1000 * 60 * 60 * 24;
   const dateDifference = (Date.parse(date) - currentDate) / dayInMilliseconds;
   const EXPIRATION_LIMIT = 30;

src/shared/components/MonacoEditorESM/autocompletion/useAutocompleteWorker.js

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
-import { Uri } from 'monaco-editor';
 import * as monaco from 'monaco-editor';
+import { Uri } from 'monaco-editor';
 import { configureMonacoYaml } from 'monaco-yaml';
 import { useGetSchema } from 'hooks/useGetSchema';
 import YamlWorker from './yaml.worker.js?worker';
@@ -33,7 +33,8 @@ export function useAutocompleteWorker({
   readOnly,
   schema: predefinedSchema,
 }) {
-  const [schemaId] = useState(predefinedSchemaId || Math.random().toString());
+  const [randomID] = useState(() => Math.random().toString());
+  const [schemaId] = useState(predefinedSchemaId || randomID);
   // Use schemaId for URI to ensure same resource types share the same schema URI
   const schemaUri = `file://kubernetes.io/${schemaId}`;
 

src/shared/hooks/dateNow.ts

@@ -0,0 +1,14 @@
+import { useEffect, useState } from 'react';
+
+export default function useDateNow(refreshInterval: number = 1_000) {
+  const [time, setTime] = useState(() => Date.now());
+  useEffect(() => {
+    const handler = () => {
+      const timeNow = Date.now();
+      setTime(timeNow);
+    };
+    const interval = setInterval(handler, refreshInterval);
+    return () => clearInterval(interval);
+  });
+  return time;
+}

tests/integration/fixtures/module-templates-crd.yaml

@@ -460,22 +460,3 @@ spec:
           jsonPath: .metadata.creationTimestamp
   conversion:
     strategy: None
-status:
-  conditions:
-    - type: NamesAccepted
-      status: 'True'
-      lastTransitionTime: '2025-02-28T11:14:56Z'
-      reason: NoConflicts
-      message: no conflicts found
-    - type: Established
-      status: 'True'
-      lastTransitionTime: '2025-02-28T11:14:56Z'
-      reason: InitialNamesAccepted
-      message: the initial names have been accepted
-  acceptedNames:
-    plural: moduletemplates
-    singular: moduletemplate
-    kind: ModuleTemplate
-    listKind: ModuleTemplateList
-  storedVersions:
-    - v1beta2