diff --git a/src/WDLVisualization/GrapherComponent/Settings/Filters.tsx b/src/WDLVisualization/GrapherComponent/Settings/Filters.tsx
index 958d1f9..5930681 100644
--- a/src/WDLVisualization/GrapherComponent/Settings/Filters.tsx
+++ b/src/WDLVisualization/GrapherComponent/Settings/Filters.tsx
@@ -56,7 +56,8 @@ export function Filters(props: Props) {
               className='undp-select'
               mode='multiple'
               maxTagCount='responsive'
-              allowClear={{ clearIcon: <div className='clearIcon' /> }}
+              allowClear
+              clearIcon={<div className='clearIcon' />}
               style={{ width: '100%' }}
               placeholder='All regions'
               value={selectedRegions}
@@ -84,7 +85,8 @@ export function Filters(props: Props) {
             className='undp-select'
             mode='multiple'
             maxTagCount='responsive'
-            allowClear={{ clearIcon: <div className='clearIcon' /> }}
+            allowClear
+            clearIcon={<div className='clearIcon' />}
             style={{ width: '100%' }}
             placeholder='All Income Groups'
             value={selectedCountryIncomeGroups}
@@ -127,7 +129,8 @@ export function Filters(props: Props) {
             className='undp-select'
             mode='multiple'
             maxTagCount='responsive'
-            allowClear={{ clearIcon: <div className='clearIcon' /> }}
+            allowClear
+            clearIcon={<div className='clearIcon' />}
             style={{ width: '100%' }}
             value={selectedCountries}
             placeholder='All Countries'
diff --git a/src/WDLVisualization/GrapherComponent/Settings/index.tsx b/src/WDLVisualization/GrapherComponent/Settings/index.tsx
index 21b5a7b..dc9931a 100644
--- a/src/WDLVisualization/GrapherComponent/Settings/index.tsx
+++ b/src/WDLVisualization/GrapherComponent/Settings/index.tsx
@@ -204,7 +204,7 @@ export function Settings(props: Props) {
                 onChange={d => {
                   setAgeGroup(d as [number, number]);
                 }}
-                onChangeComplete={d => {
+                onAfterChange={d => {
                   updateAgeRange(d as [number, number]);
                 }}
                 dots
@@ -233,7 +233,7 @@ export function Settings(props: Props) {
                 onChange={d => {
                   setIncomeGroup(d as [number, number]);
                 }}
-                onChangeComplete={d => {
+                onAfterChange={d => {
                   updateIncomeRange(
                     d[1] === 125 ? [d[0], 999] : (d as [number, number]),
                   );