I'm trying to use this with my GatsbyJS website and installed the package with npm install --save react-hover however, I can't seem to import the package into my .jsx file. I'm trying to import ReactHover from "react-hover" however that's throwing a lot of errors that I can't seem to understand:
./src/components/nextProjectHeading.jsx
Module build failed (from ./node_modules/gatsby/dist/utils/babel-loader.js):
Error: Cannot find module '/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/babel-plugin-remove-graphql-queries/index.js' from '/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020'
at Function.module.exports [as sync] (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/resolve/lib/sync.js:74:15)
at resolveStandardizedName (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/@babel/core/lib/config/files/plugins.js:101:31)
at resolvePlugin (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/@babel/core/lib/config/files/plugins.js:54:10)
at loadPlugin (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/@babel/core/lib/config/files/plugins.js:62:20)
at createDescriptor (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/@babel/core/lib/config/config-descriptors.js:154:9)
at Object.createConfigItem (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/@babel/core/lib/config/item.js:32:62)
at prepareOptions (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/gatsby/dist/utils/babel-loader-helpers.js:35:34)
at Object.config (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/gatsby/dist/utils/babel-loader.js:57:95)
at Object.<anonymous> (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/babel-loader/lib/index.js:150:42)
at Generator.next (<anonymous>)
at asyncGeneratorStep (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/babel-loader/lib/index.js:3:103)
at _next (/Users/shivamsinha/Documents/Design Work/portfolio-2020/portfolio-2020/node_modules/babel-loader/lib/index.js:5:194)
I'm trying to use this with my GatsbyJS website and installed the package with
npm install --save react-hover
however, I can't seem to import the package into my.jsx
file. I'm trying toimport ReactHover from "react-hover"
however that's throwing a lot of errors that I can't seem to understand: