React app works on localhost/300 but when deployed on Netlify brakes down?

Question

So been working on a mock frontend e-commerce site using React. While I run the app on the localhost everything shows up as it should, once I have deployed the code to Github and tried to show it up through Netlify the site breaks down and the console gives me an error:

TypeError: (0 , Wa.useContext) is not a function .

I upload a screenshot of the full error.

Here is the list of the dependencies I am using with the link to the code uploaded to Github:

"dependencies": {
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.2",
    "@testing-library/user-event": "^13.5.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-icons": "^4.3.1",
    "react-router-dom": "^6.2.1",
    "react-scripts": "5.0.0",
    "styled-components": "^5.3.3",
    "swiper": "^6.8.4",
    "web-vitals": "^2.1.4"
  },

github code

Error image:

If someone could offer a solution or an idea it would be much appreciated.

Thanks.