custom-scrollbar | scrollbar provides a simple custom scrollbar | Plugin 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.

I'm working with Twine, and I have everything about the scrollbar styled as I want except I need to make the horizontal scrollbar height responsive. According to this article you can set it as percentage: https://webkit.org/blog/363/styling-scrollbars/ But whenever I set the scrollbar height to a percentage it disappears completely. To check if it was Twine or something, I went to a website on the Brave browser and set the scrollbar width to a percentage and it disappeared. I went to a different site on Chrome and did the same thing and the scrollbar disappeared. I just added this element:

I have some simple code which looks for a date value in a table and scrolls to that position. The below code works but also generates an undefined error which breaks other features.

mcustomscrollbar "scrollTo" does not work in chrome, but the same code works in FireFox. I don't get any errors in console. It looks like a per browser issue. I also checked functionality on - http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/scrollTo_demo.html and faced with the same problem in Chrome only with vertical scroll.

I want it to make that when I press the navbar-item that corresponds to the sectionX or when I scroll into that section, some kind of highlight on the navbar shows me that I'm on that section. I've tried adding some css properties and using Bootstrap but can't seem to get it working.
Much thanks in advance.

This is my Code:

The below css Selector I have written.

.custom-scrollbar .content-row:nth-of-type(1) [src='https://static-qa.xxxxxxxxx.com/csp/images/rotate_action_icon.svg']

Problem is i need to click on that edit button but issue is url changes with respect to env. Example- currently its pointing to qa so the url is qa, if its in prod then it will change due to which web element not found error occurs.

I am trying with below code which doesnot works-

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 build a product list with selectAll functionality but when I'm clicking on selectAll checkBox the state[checkBoxes Array] isn't reflecting the other checkboxes after calling handleCheck() method. I have also used useEffect() with chkAll as a dependency, but the problem didn't resolve. Please help me to resolve this problem

Whole Code...

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: