react-financial-charts icon indicating copy to clipboard operation
react-financial-charts copied to clipboard

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

Open turtlemana opened this issue 2 years ago • 1 comments

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

turtlemana avatar Aug 10 '23 01:08 turtlemana

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

imyosh avatar Feb 11 '24 15:02 imyosh