visual studio code – My own components not being suggested or are suggested but appear towards the bottom of suggestions

When I’m trying to import my react component, it sometimes isn’t suggested, and I’d have to input its file path manually.

Image

In this image im trying to import my Badge component, it doesn’t come up as an available option. It exists, see on the left, it even follows a similar file path as the above imports. When importing them, they were suggested towards the top. The badge however isn’t suggested at all.

Another issue I tend to face is that it’ll suggest my own component 50 items down, below @mui and other component libraries. Is there a way to fix this?

I’ve tried certain vs code extensions, but they unfortuantely didn’t help.