Infinite Loop in functional component

const ArticleForm = (props) => {

    const {article} = props
    const classes = useStyles();
    const dispatch = useDispatch()
    const router = useRouter()


    const [editorState, setEditorState] = useState(EditorState.createEmpty());


    const blocksFromHtml = htmlToDraft(article.body);
    const { contentBlocks, entityMap } = blocksFromHtml;
    const contentState = ContentState.createFromBlockArray(contentBlocks, entityMap);
    const loadedEditorState= EditorState.createWithContent(contentState);

    debugger

    setEditorState(loadedEditorState)

the setEditorState is causing this error:

Start by reproducing the reported infinite loop with the ArticleForm snippet, focusing on the setEditorState call after EditorState.createWithContent. Trace the component's render and state-update sequence, then verify the behavior and its fix with a focused test or reproduction; the payload names no repository file or existing test.