[Solved]-How to keep the updated state array of object values when update the same state again in React JS useState?-Reactjs

Use prev parameter in useState hook. The useState hook is asynchronous.

const updateTranslatedResponse = (segmentId, key, value) => {
    setTranslatedResponse( prevTranslatedResponse =>
        prevTranslatedResponse.map(
            el => el.segment_id == segmentId ? { ...el, [key]: value }: el
        )
    )
}