react-bulma | A thin wrapper around bulma.io for React | Frontend Framework library

Error:

No "exportPathMap" found in "next.config.js". Generating map from "./pages"

But I do have exportPathMap based on the official docs:

my next.config.js contains:

I am trying to create a dummy project with React JS and Im getting my data from SpaceX Graphql API. I have two components (Home, Details) and both components are supposed to grab data from the API. However, I query works in the Home component but it does not in the Details component. I used the exact same method and it doesn't seem to work. Do help me with this.

You can try the whole thing at https://github.com/affiqzaini/react-apollo-spacex if you want.

Here's my Home component which works:

I am running React 16.8.6 and Styled Components 4.3.2 currently and am hitting an issue trying to use React.forwardRef.

In Comments.js

in the code below includes a dropdown button and a dropdown menu that contains many dropdown items. When the dropdown button is clicked, the dropdown menu with those dropdown items will appear. It looks like this:

Below is the code that achieves the effect in the image:

I am using this library for front end which is based on Bulma and I'm facing issues with Hamburger Icon Here is the documentation Example, but again this is something not very easy to understand. I have searched for a workaround and a solution for this, but I cannot find it, I'm doing it in ES6 Style, and here is my code.

I am new to React and react-router-dom. I have spent a couple hours now and I'm just hitting dead ends.

I'm using create-react-app and bulma for css. My dependencies:

How can I achieve the following UI using this package? Both of the navbars are fixed. Can anyone shed some light on it? This code shows only one navbar fixed top.

I'm trying to render some react components inside a layer created by react-leaflet-draw.

This is my attempt: