react-mason | React Masonry grid | Grid library

I have a React app created with CRA, it compiles and runs fine. But production build made with yarn buld and served with serve -s build shows following error in console:

I am trying to render responsive grid with this code:

I have a DatoCms site using GatsbyJS, which includes a markdown editor field using a markdown editor.

This is formatted as bullet points on the back end. However, on screen it renders as this

How do I make the text render correctly as bullet points?

Here is the code:

I got an issue with react-masonry-css library

My cards in mansonry layout keeps mounting and unmounting when I update some props and shouldComponentUpdate doesn't work also

I checked the code of library i found that some sort of transformation to the cards caused the rerender

I am using the DatoCMS portfolio gatsby cloud autogenerated template. I have been able to successfully change some models in DataCMS that reflect in my graphQL playground, I then can adjust my code to reflect those changes. Now this model is for posts so there is multiples of them, now the part I am getting stuck on is, I have added a modular component to each post, which creates an array in the graphQL returned data, and I can't for the life of me figure out how to map thorough it when I am already mapping through all the posts that it is contained in.

Here is my code, and I am trying to output the data from details.task

So, I have a Gatsby site that I'm using Netlify for deployment and Contentful for my CMS. Everything was working fine on the development site until I deleted and unpublished a couple posts on Contenful. After that, when I started up my dev server I got an error:

I thought maybe this happening because the local site trying to pull in posts that didn't exist anymore? So, I deleted the .cache and public folder to see if that would work but it didn't. So, I'm a kind of stumped. The production site works fine.

Any ideas on what could be happening?

index.js

I am currently using a testing framework with Mocha, Chai, and WebdriverIO. As it stands, the Selenium Standalone Server runs the full test suite whenever I save a change to the spec file. I want to disable this and only run the test suite when I enter the command to do so in the terminal. This command currently works, but because the tests are also being run automatically on save, sometimes multiple identical tests run concurrently, causing errors.

How do I stop the Selenium Standalone Server from auto-running tests?

Update: As a commenter requested, here is my package.json:

In Visual Studio, Gulp is not running to convert my scss files to css.

The error I'm getting is:

cmd.exe /c gulp --tasks-simple C:\Users\sam\Documents\Visual Studio 2017\Projects\MyProject\MyProject\node_modules\node-sass\lib\binding.js:15 throw new Error(errors.missingBinary()); ^ Error: Missing binding C:\Users\sam\Documents\Visual Studio 2017\Projects\MyProject\MyProject\node_modules\node-sass\vendor\win32-x64-47\binding.node Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 5.x Found bindings for the following environments: - Windows 64-bit with Node.js 7.x This usually happens because your environment has changed since running npm install. Run npm rebuild node-sass to build the binding for your current environment.

I did run npm rebuild node-sass in the root of my project folder but still getting the same error. This is what I got after running npm rebuild node-sass:

Binary found at C:\Users\sam\Documents\Visual Studio 2017\Projects\MyProject\MyProject\node_modules\node-sass\vendor\win32-x64-51\binding.node Testing binary Binary is fine node-sass@3.13.1 C:\Users\sam\Documents\Visual Studio 2017\Projects\MyProject\MyProject\node_modules\node-sass

My Gulpfile.js looks like this:

I'm kind of desperate here.

I'm working on a React application and use webpack to compile my bundle.js. The problem is when i try to compile it for "production" i end up with a really nasty error :

"Minified React error #105; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=105&args[]=HardwareKeyboardArrowDown for the full message or use the non-minified dev environment for full errors and additional helpful warnings."

Followed by a bunch of "Uncaught TypeError: Cannot read property '__reactInternalInstance$qw6tjofxg1o' of null"

When i set my node.env to developement ('NODE_ENV': JSON.stringify('developement') ), it's working fine.

The link in the error says : "A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object" but i don't have any problem in dev mode, so i don't think its coming from my code and i can't find where i should look to solve this problem since dev mode doesn't tell anything more to me...

Here are my webpack config & package.json :