Tengo el siguiente código de reactjs:

 const [interviewerDetails,setinterviewerDetails] =useState([]); useEffect(()=>{ const getinterviewerDetails= async ()=>{ const data1 = await axios.get("http://localhost:8083/api/GetProduct") .then(response => { console.log("role is "+response.data[0].role) setinterviewerDetails(response.data) console.log(interviewerDetails) }) .catch(error => { console.log(error) }) setinterviewerDetails(data1); }; getinterviewerDetails(); },[]) console.log("interviewerDetails : ", interviewerDetails)

Que está dando la siguiente respuesta en la consola:

Ahora, quiero tener esa respuesta json de la siguiente manera:

 var InterviewerObject = { "HR": { "Communication": ["Akshay ", "Images", "Tables", "Lists"], }, "Technical": { "PHP": ["Arvind Gupta", "Sri sharma", "Vidyut Tope"], "SQL": ["Akash Jha", "Mohit Mane", "Suresh Tupe"] } }

Quiero tener habilidades técnicas seleccionadas dinámicamente como PHP, SQL, etc. Y el nombre y apellido dinámicamente como Arvind Gupta, Sri Sharma, etc.

¿Puedes ayudarme?