diff --git a/package-lock.json b/package-lock.json
index ddb42711..2f3a19bf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,7 +26,7 @@
         "qs": "^6.9.6",
         "ramda": "^0.27.2",
         "react": "^17.0.2",
-        "react-chartjs-2": "^3.0.4",
+        "react-chartjs-2": "^3.3.0",
         "react-colorful": "^5.5.1",
         "react-copy-to-clipboard": "^5.0.4",
         "react-datepicker": "^3.6.0",
@@ -16718,7 +16718,8 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
     },
     "node_modules/lodash._reinterpolate": {
       "version": "3.0.0",
@@ -24060,14 +24061,11 @@
       }
     },
     "node_modules/react-chartjs-2": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-3.0.4.tgz",
-      "integrity": "sha512-pcbFNpkPMTkGXXJ7k7hnukbRD0ZV01qB6JQY1ontITc2IYvhGlK6BBDy28VeydYs1Dl/c5ZpRgRVEtT5GUnxcQ==",
-      "dependencies": {
-        "lodash": "^4.17.19"
-      },
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-3.3.0.tgz",
+      "integrity": "sha512-4Mt0SR2aiUbWi/4762odRBYSnbNKSs4HWc0o3IW43py5bMfmfpeZU95w6mbvtuLZH/M3GsPJMU8DvDc+5U9blQ==",
       "peerDependencies": {
-        "chart.js": "^3.1.0",
+        "chart.js": "^3.5.0",
         "react": "^16.8.0 || ^17.0.0"
       }
     },
@@ -44207,7 +44205,8 @@
     "lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
     },
     "lodash._reinterpolate": {
       "version": "3.0.0",
@@ -50077,12 +50076,10 @@
       }
     },
     "react-chartjs-2": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-3.0.4.tgz",
-      "integrity": "sha512-pcbFNpkPMTkGXXJ7k7hnukbRD0ZV01qB6JQY1ontITc2IYvhGlK6BBDy28VeydYs1Dl/c5ZpRgRVEtT5GUnxcQ==",
-      "requires": {
-        "lodash": "^4.17.19"
-      }
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-3.3.0.tgz",
+      "integrity": "sha512-4Mt0SR2aiUbWi/4762odRBYSnbNKSs4HWc0o3IW43py5bMfmfpeZU95w6mbvtuLZH/M3GsPJMU8DvDc+5U9blQ==",
+      "requires": {}
     },
     "react-colorful": {
       "version": "5.5.1",
diff --git a/package.json b/package.json
index b8702294..7e701296 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
     "qs": "^6.9.6",
     "ramda": "^0.27.2",
     "react": "^17.0.2",
-    "react-chartjs-2": "^3.0.4",
+    "react-chartjs-2": "^3.3.0",
     "react-colorful": "^5.5.1",
     "react-copy-to-clipboard": "^5.0.4",
     "react-datepicker": "^3.6.0",
diff --git a/src/visits/charts/DoughnutChart.tsx b/src/visits/charts/DoughnutChart.tsx
index 4fbb6f44..07280a32 100644
--- a/src/visits/charts/DoughnutChart.tsx
+++ b/src/visits/charts/DoughnutChart.tsx
@@ -57,8 +57,8 @@ export const DoughnutChart: FC<DoughnutChartProps> = memo(({ stats }) => {
       <div className="col-sm-12 col-md-7">
         <Doughnut
           height={300}
-          data={chartData}
-          options={options}
+          data={chartData as any}
+          options={options as any}
           ref={(element) => {
             setChartRef(element ?? undefined);
           }}
diff --git a/src/visits/charts/HorizontalBarChart.tsx b/src/visits/charts/HorizontalBarChart.tsx
index 05bca0f0..112974a5 100644
--- a/src/visits/charts/HorizontalBarChart.tsx
+++ b/src/visits/charts/HorizontalBarChart.tsx
@@ -113,8 +113,8 @@ export const HorizontalBarChart: FC<HorizontalBarChartProps> = (
   const renderChartComponent = (customKey: string) => (
     <Bar
       key={`${height}_${customKey}`}
-      data={chartData}
-      options={options}
+      data={chartData as any}
+      options={options as any}
       height={height}
       getElementAtEvent={chartElementAtEvent(labels, onClick) as any}
     />
diff --git a/src/visits/charts/LineChartCard.tsx b/src/visits/charts/LineChartCard.tsx
index 0a556ad0..5ee84f78 100644
--- a/src/visits/charts/LineChartCard.tsx
+++ b/src/visits/charts/LineChartCard.tsx
@@ -222,8 +222,8 @@ const LineChartCard = (
   };
   const renderLineChart = () => (
     <Line
-      data={generateChartData()}
-      options={options}
+      data={generateChartData() as any}
+      options={options as any}
       getElementAtEvent={chartElementAtEvent(labels, datasetsByPoint, setSelectedVisits) as any}
     />
   );