TypeError: images is undefined Pet src/Pet.jsx:5:6 2 | const { name, animal, breed, images, location, id } = props; 3 | 4 | let hero = "http://pets-images.dev-apis.com/pets/none.jpg"; 5 | if (images.length) { | ^ 6 | hero = images[0]; 7 | } 8 | removing if (images.length) { hero = images[0];...

Hello, when I'm using "render " inside App.js I have this error, "Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mi...

Please make image content available through HTTPS (pets-images.dev-apis.com). Text content can be accessed by both http and https, whereas images cannot. When deploying the app to gh-pages for example, you cannot view them. Hopefully it's a quick fix.

When the laptop is newer, try install a newer version of node (i.e. node 17) and then clear cache to reinstall everything. My work laptop was newer and I was following step by step but still getting 404 Page not found until I install a newer version of node. My personal laptop was older so it worked...

after configuring project as this screenshot, when App.js looks like and working on firefox v 101, the different routes typing " / " in or " /details/1 " or clicking on each Pet component does not render what chrome does. what can be happening here? package.json looks like

PS C:\Users*******\Desktop\adopt-me> npx eslint src/App.js Oops! Something went wrong! :( ESLint: 8.8.0 Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: C:\Users*\Desktop\adopt-me\[email protected]\eslintrc\universal.js require() of ES modules is not supported. require() of C:\Users*...