react-custom-scroll | Easily customize the browser scroll bar

I'm trying to link the list with the leaflet map. I want to click on a result card and see the marker on the map. I'm using fake data for now in json format. I would like a display like airbnb, list plus display the list on map.

This is the map file :

My team recently have been running into an odd error when trying to npm start a Create React App we are developing. The error is Bad state: Can't access __parent outside of a module which is causing the Build to fail. We have used this setup for about a year without having this issue. The node-sass version we are using is "node-sass": "npm:sass@^1.32.5" It is a dart Sass implementation. We have tried reinstall node modules and clearing npm cache to no avail. Any suggestions would be much appreciated. The full error message is below.

This is a very strange issue but I was using react-table 7.0.0.rc16 and I recently upgraded to react-table 7.0.1 the problem is my data works in dev mode but as soon I create a react build it wont render anything I would like to know why and I am attaching my package.json for the same. sandbox

Demo

Package.json

I am trying to use Vanilla Tilt in my React app with the following example: https://codesandbox.io/s/vanilla-tilt-with-react-n5ptm

My code looks like this:

I have a Node/React project in my Webstorm that won't run because of this error. I had to reinstall Windows and start fresh with my development. I got the code back into the IDE, but when I start up the Node server, I am getting the following error: TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined

More context for that error:

I'm creating an internal NPM package that contains the base layout for all of our ReactJS web applications. In this package, I am using styled-components for formatting the components, and rollup to build the package. Styled components is also used in the target application.

Here are the config files:

packages.json

I'm using react material-table and want a decent scroll-bar instead of default Pagination. I have tried react-custom-scroll but it's not working as per my intention. The default scroll-bar of my App is activated. One more thing, how can I just apply this type of scroll on just the table body?

I have a dnd selection tab with search functionality to filter the items available. Once an item is selected from draggable section it should be removed from that section and dropped to the droppable section and vice versa. The link to my code is https://codesandbox.io/s/dnd-search-select-sort-xfdtn When an item say "Apple" is selected it is going to the droppable section but when I search for "Apple" again in the draggable section search bar it reappears again and I can again move that to the droppable section which should not be the case. Once it is selected it should not appear again on the list. Below is the corresponding code.

I have a rather complex React app. I have a modal with a form and a submit button. The form has a submit handler attached that runs some code. Part of that code is updating the orders state array with the new data from the form. When that happens, the page errors out with a different component that uses the orders state array stating it is undefined. I'm not sure if I'm updating the state incorrectly or if I have something else wrong in my app. I am passing orders and setOrders down as props to the respective components.

Here is the modal component that is trying to update the state array. SetOrders gets passed down as a prop: