Why do i get the "missing required width property" error when i'm loading static images?

[high pasture]

The documentation says that loading static assets from the public folder doesn't require you to specify height or width as it will be predetermined

[chilly wigeon]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[scarlet surge]

You need to either set the width & height of the image in the height and width props or use fill to let the image fill it. Keep in mind, when using fill props on the image it will be automatically positioned absolute, so wrap your image in a relative container

[high pasture]

noted, thank you

[charred stratus]

no. only when you import the image statically would width and height not be necessary. and thats what i'd recommend (and that doesnt require putting in the public folder). don't put the image in the public folder if you don't need to

[high pasture]

i specified the width, but it's still asking me to get the height

[charred stratus]

yes both width and height are required unless you import the image

import image from "./path/to/image.png"

[high pasture]

i get a module not found error when i do this

[charred stratus]

how do you import it?

just put the image in the same folder and import it statically

[high pasture]

it felt like a very makeshift solution so i wanted to understand where i'm going wrong
but yes, this does work

[charred stratus]

no it's not a makeshift solution, it is the officially recommended way to load local images https://nextjs.org/docs/app/building-your-application/optimizing/images#local-images

[chilly wigeon]

✅ Success!

This question has been marked as answered! If you have any other questions, feel free to create another post

Jump to answer

[Click here](#1247814643720781845 message)

[charred stratus]

in a typical nextjs app, you only need to use the public folder for a small number of things. images, fonts and such need not be stored there

[high pasture]

i see, i was under the impression that the logos would also be stored there