TylerBarnes / gatsby-plugin-transition-link

A link component for page transitions in gatsby
537 stars 70 forks source link

Right after putting gatsby-plugin-transition-link in gatsby-config.js I get the: Element type is invalid:... #285

Open fidelusp opened 3 years ago

fidelusp commented 3 years ago

Hi, right after putting gatsby-plugin-transition-link in gatsby-config.js I get the error:

One unhandled runtime error found in your files. See the list below to fix it: Error in function createFiberFromTypeAndProps in ./node_modules/react-dom/cjs/react-dom.development.js:25058 Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of PageRenderer.

My package.json: { "name": "", "version": "1.0.0", "private": true, "description": "", "author": "", "keywords": [ "gatsby" ], "scripts": { "develop": "gatsby develop", "start": "gatsby develop", "build": "gatsby build", "serve": "gatsby serve", "clean": "gatsby clean", "lint": "eslint . --ignore-path .gitignore --ext .ts,.tsx,.js", "preload-fonts": "gatsby-preload-fonts" }, "dependencies": { "babel-plugin-styled-components": "^1.12.0", "formik": "^2.2.9", "gatsby": "^3.9.0", "gatsby-background-image": "^1.5.0", "gatsby-cli": "^3.8.0", "gatsby-image": "^3.2.0", "gatsby-plugin-image": "^1.2.1", "gatsby-plugin-manifest": "^2.6.1", "gatsby-plugin-offline": "^3.4.0", "gatsby-plugin-preload-fonts": "^2.3.0", "gatsby-plugin-react-helmet": "^3.4.0", "gatsby-plugin-react-svg": "^3.0.0", "gatsby-plugin-sass": "^3.2.0", "gatsby-plugin-scroll-reveal": "^0.0.7", "gatsby-plugin-sharp": "^3.2.1", "gatsby-plugin-smoothscroll": "^1.2.0", "gatsby-plugin-styled-components": "^4.7.1", "gatsby-plugin-transition-link": "^1.20.5", "gatsby-plugin-ts-config": "^1.1.3", "gatsby-plugin-tsconfig-paths": "^1.0.2", "gatsby-source-contentful": "^4.1.1", "gatsby-source-filesystem": "^2.5.0", "gatsby-transformer-sharp": "^3.2.0", "gsap": "^3.7.1", "react": "^17.0.2", "react-dom": "^17.0.2", "react-helmet": "^6.1.0", "react-intersection-observer": "^8.32.0", "sass": "^1.32.7", "sass-loader": "^11.0.1", "styled-components": "^5.3.0", "typescript": "^4.1.2", "yup": "^0.32.9" }, "devDependencies": { "@types/node": "^14.14.10", "@types/react": "^17.0.0", "@types/react-dom": "^17.0.0", "@types/react-helmet": "^6.1.0", "@types/styled-components": "^5.1.4", "@typescript-eslint/eslint-plugin": "^4.9.0", "@typescript-eslint/parser": "^4.9.0", "bluebird": "^3.7.2", "dotenv": "^8.2.0", "eslint": "^7.14.0", "eslint-config-prettier": "^6.15.0", "eslint-plugin-prettier": "^3.1.4", "prettier": "^2.2.1" } }

Does anybody has this issue? I will be grateful for your help.