For Next.js user... change reactStrictMode to false - Githubissues

react-financial / react-financial-charts

Charts dedicated to finance.

https://react-financial.github.io/react-financial-charts/

MIT License

1.21k stars 214 forks source link

For Next.js user... change reactStrictMode to false #690

Open turtlemana opened 1 year ago

turtlemana commented 1 year ago

I'm submitting a...

[O ] bug
[ ] feature
[ ] chore

What is the current behavior

When using react-financial-charts in Next.js,

some events in react-financial-charts doesn't work very well.

For example, chart flickers when user tries panning,

and mouse hovering event such as cross cursor doesn't appear.

What is the expected behavior

next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: false,
}

export default nextConfig;

The problems were easily solved when I turned reactStrictMode to false.

Please tell us about your environment

    "next": "^13.4.13",
    "react-financial-charts": "^2.0.1",

Version: 1.1.0
Browser: [all | Chrome XX | Firefox XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari ]

Other information

imyosh commented 8 months ago

Hello I'm running the same "next" and "react-financial-charts" and deactivated the reactStrictMode but the chart still flickers

is there any thing else should I do to prevent it ? thank you