react-custom-scrollbars | React scrollbars component | Frontend Framework library

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 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: