i have the same useeffect in multiple components code example

Example: React Hook "useEffect" is called in function

React component names need to start with a capital letter.
That's because React treats components starting with lowercase letters as DOM tags.

Therefore you should name it "Shoes"