Not working with react 18 and next js 12 getting element ref error

[rishabhtatia1]

What is the current behavior?

Steps to reproduce it and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have extra dependencies other than react-scrollbars-custom. Paste the link to your JSFiddle or CodeSandbox example below:

What is the expected behavior?

A little about versions:

• OS:
• Browser (vendor and version):
• React:
• react-scrollbars-custom:
• Did this worked in the previous package version?

[victorst79]

Same error here.

[proteye]

I have same error. Please, fix it!

[egoarka]

This issue happens due to React.StrictMode. Temporary fix is to disable it.

[GorlikItsMe]

I have same issue. For me helped change reactStrictMode to false in next.config.js, but this should be fixed in different way.

Error:

Error: Element was not created. Possibly you haven't provided HTMLDivElement to renderer's `elementRef` function.

react-scrollbars-custom/src/ScrollbarTrack.tsx

Lines 22 to 30 in 6f9e391

	public componentDidMount(): void {
	if (!this.element) {
	this.setState(() => {
	throw new Error(
	"Element was not created. Possibly you haven't provided HTMLDivElement to renderer's `elementRef` function."
	);
	});
	return;
	}

[victorst79]

The latest release in the repository is from 2018 and the latest code push is from 2021 I think this repository is unmaintained.
To solve these problems use another library: react-custom-scrollbars-2
It is practically the same but you have to change the name of some parameters and it seems to have more maintenance and updates.

[xobotyi]

I'm trying to cut the time to rework the package atm

[Hikikomori]

Any updates on this issue ? Still presents on the latest release
@xobotyi

[petertodorov]

Wondering if any updates that may fix the issue are upcoming?
@xobotyi

[nop33]

Facing the same issue...

rsc.esm.js:871 Uncaught Error: Element was not created. Possibly you haven't provided HTMLDivElement to renderer's `elementRef` function.

[hmidmrii]

same here

[AnnaLynxy]

I'm sorry, any updates? @xobotyi

[idosius]

Plus one, also reproduced this, albeit without Next.js, rather with a client side application using React 18 and Vite 5.1

[vishnuur]

Same here, with react 18 and Vite 5.1. Any updates on this issue ?

[DarlingUUi]

I've got same issue in react 18. please let me know how to fix it.