Uncaught TypeError: Cannot destructure property 'lat' of 'location' as it is undefined

Подскажите пожалуйста, в чём может быть причина ошибки. Мне нужно при обновлении страницы сохранять данные в redux, а потом рендерить их.

Если закомментировать вывод на страницу, то в консоли сначала данные будут undefined, а потом уже то что нужно.

React.useEffect(() => {
    const getDetailed = async () => {
      const baseURL = 'https://api.json-generator.com/templates/N21r0eic2XEy/data';
      const token = 'wm3gg940gy0xek15ld986uaizhz83c6rh2sir9f9fu';
      const config = {
        headers: {
          'Content-type': 'application/json',
          Authorization: 'Bearer ' + token,
        },
      };
      const { data } = await axios.get(baseURL, config);
      const detailedJob = data.filter((item) => item.id === id)[0];
      dispatch(setSelectedJob(detailedJob));
    };
    getDetailed();
  }, []);

const {
    title,
    address,
    benefits,
    location,
    email,
    pictures,
    salary,
    phone,
    description,
    employment_type,
  } = useSelector((state) => state.jobs.selectedJob);

const { lat, long } = location;
  const position = {
    lat,
    lng: long,
  };