react-financial-charts
react-financial-charts copied to clipboard
For Next.js user... change reactStrictMode to false
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
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