Как получить обьект в массиве по ключу?

console.log(data) возвращает то, что на скриншоте, но если я хочу получить data[0] то я получаю undefine. Что не так? Он же есть.

const data = useSelector(state => state.data)
const dispatch = useDispatch()

const handleSubmit = e => {
  e.preventDefault();

  axios.get(URL)
  .then(({data}) => {
    const $ = cheerio.load(data)

    const obj = JSON.parse($('#test').val());

    dispatch(addData({...obj, type: 'test'}))
  })

  console.log(data[0]) // undefined
};

dataReducer:

const dataReducer = (state = [], action) => {
   switch (action.type) {
   case 'ADD_DATA':
      state.push(action.payload)
      return state;
      break;
   }
   return state;
};

dataAction

export const addData = obj => ({
   type: 'ADD_DATA',
   payload: obj
 });