gatsby-starter-gcn | starter template to build amazing static websites | Static Site Generator library
kandi X-RAY | gatsby-starter-gcn Summary
kandi X-RAY | gatsby-starter-gcn Summary
A starter template to build amazing static websites with Gatsby, Contentful and Netlify
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Change a page direction
- Handle the first tab
gatsby-starter-gcn Key Features
gatsby-starter-gcn Examples and Code Snippets
Community Discussions
Trending Discussions on gatsby-starter-gcn
QUESTION
newbie in Gatsby and React. I am trying to import this responsive navbar React component into this Gatsby starter:
Instead of the Menu component in the starter, I created a MenuBar, which I call from another component called Layout.
The code on top works (slightly modified from starter), not using external component.
...ANSWER
Answered 2021-Apr-10 at 14:40Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
In 99% of the cases, this issue is related to the import/export method, if some component is exported as default but imported as named (or vice versa) it will cause the prompted issue.
In your case, you are returning a class-based component but your issue doesn't come from that. You are missing the importation of React
and Component
since you are extending it. Following the dependency example:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install gatsby-starter-gcn
Sign up for Contentful and create a new empty space. Enter in the requested info for your Contentful space found here: app.contentful.com → Space Settings → API keys. You will need to provide both a standard API key (first tab) and a management key (second tab).
Sign up for Contentful and create a new empty space
yarn run setup
Enter in the requested info for your Contentful space found here: app.contentful.com → Space Settings → API keys. You will need to provide both a standard API key (first tab) and a management key (second tab).
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page