React 19

This guide is relevant for any framework compatible with React 19, offering insights on adapting components, libraries, and animations to ensure optimal performance and compatibility.

Recharts

The Chart component uses Recharts. Add react-is in the overrides section of your package.json as shown below:

"overrides": {
  "react-is": "19.0.0-rc-66855b96-20241106"
}

Ensure the react-is version matches your React version. For instance, in this project, React is at 19.0.0-rc-02c0e824-20241028, so react-is should be the same version.

Framer Motion

Components like Tabs, Drawer, and Progress Bar use Framer Motion for animations. If you're working with React 19, install [email protected].