Attempting to deploy but getting error because of external Image

[supple kestrel]

My logo loads properly in dev mode, but when I go to deploy, it tells me the object that the link is stored in is undefined. I already added the host to the config file, so I dont really no where to look to fix my error.

[elfin rover]

what is the value of navObj? it looks like its undefined when the deploy tries to prerender the page

[supple kestrel]

  navbarTitle: 'Navigation Bar',
  logo: {
    metadata: { tags: [] },
    sys: {
      space: [Object],
      id: '40iwpBnbjrEygLwG4aZXFG',
      type: 'Asset',
      createdAt: '2022-09-09T20:11:43.844Z',
      updatedAt: '2022-09-09T20:11:43.844Z',
      environment: [Object],
      revision: 1,
      locale: 'en-US'
    },
    fields: { title: 'Logo', description: 'My logo', file: [Object] }
  },
  navigationList: [
    { id: '1', title: 'Projects', link: '#projects' },
    { id: '2', title: 'Skills', link: '#skills' },
    { id: '3', title: 'About', link: '#about' },
    { id: '4', title: 'Contact', link: '#contact' }
  ],
}

I was thinking the same thing

but im not sure how since it works fine in dev mode

and in dev mode the api is still being called so why would it be different during build

[elfin rover]

try to add a console.log in this component to check if its really undefined

[elfin rover]

maybe the api is giving you an error?

[supple kestrel]

Im thinking this is the case as well

because the console.log still shows the object

Im going to change around the api configuration and see if it works