I am new in MERN Stack. I am following my prof's session videos in this project but suddenly I come across this error while she doesn't have any issues on her side. I also tried to use the methods I found as I was searching but it still won't work. This is my very first time in asking here, I don't know if any of you will reach me out soon but I'm just hoping. Anyway, here's my snippet of codes.

This is the product.js

ProductScreen

App.js

HomeScreen

P.S. I already did two says that suggested here also in stackoverflow. The first one is to capitalize the React when you import it like this

import React from 'react';

The other one is to modify the rules in .eslintrc.json

    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off"