B: Do not change state in render

rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-card/form-oss.tsx

@@ -1,7 +1,7 @@
 'use no memo'; // TODO: remove when react hook forms are compliant with react compiler
 'use client';
 
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 
@@ -47,10 +47,12 @@ export function FormOSS() {
   const readOnly = useWatch({ control, name: 'read_only' });
 
   const prevDirty = useRef(isDirty);
+  useEffect(() => {
     if (prevDirty.current !== isDirty) {
       prevDirty.current = isDirty;
       setIsModified(isDirty);
     }
+  }, [isDirty, setIsModified]);
 
   function onSubmit(data: IUpdateLibraryItemDTO) {
     return updateOss(data).then(() => reset({ ...data }));

rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/form-constituenta.tsx

@@ -1,7 +1,7 @@
 'use no memo'; // TODO: remove when react hook forms are compliant with react compiler
 'use client';
 
-import { useMemo, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { toast } from 'react-toastify';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -121,10 +121,12 @@ export function FormConstituenta({ disabled, id, toggleReset, schema, activeCst,
   }
 
   const prevDirty = useRef(isDirty);
+  useEffect(() => {
     if (prevDirty.current !== isDirty) {
       prevDirty.current = isDirty;
       setIsModified(isDirty);
     }
+  }, [isDirty, setIsModified]);
 
   function onSubmit(data: IUpdateConstituentaDTO) {
     return cstUpdate({ itemID: schema.id, data }).then(() => {

rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsform-card/form-rsform.tsx

@@ -1,7 +1,7 @@
 'use no memo'; // TODO: remove when react hook forms are compliant with react compiler
 'use client';
 
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 
@@ -70,10 +70,12 @@ export function FormRSForm() {
   }
 
   const prevDirty = useRef(isDirty);
+  useEffect(() => {
     if (prevDirty.current !== isDirty) {
       prevDirty.current = isDirty;
       setIsModified(isDirty);
     }
+  }, [isDirty, setIsModified]);
 
   function handleSelectVersion(version: CurrentVersion) {
     router.push({ path: urls.schema(schema.id, version === 'latest' ? undefined : version) });