reactjs – Duda con useState de react: ¿cómo modificar propiedad de objeto compuesto por Arrays?

En el código que expongo abajo, lo que quiero hacer es agrandar el array ‘locationList’ de mi objeto ‘initialData’ agregando un nuevo objeto ‘locationData’. Como podrán ver, me estoy apoyando del useState, pero no encuentro la manera correcta de poder hacerlo correctamente. ¿Alguien me ayuda?

 const FullRoute = () => {

  const initialData = {
      locationList: (),
      otherList: (),
      error: null
  }

const (data, setData) = useState(initialData);

const addToLocationList = (locationData) => {
     setData({...data, ('locationList') : locationData}) // >el problema está aquí.

  }

...

}

export default FullRoute