diff --git a/package.json b/package.json
index 4d0cd78c..f5c1dc12 100644
--- a/package.json
+++ b/package.json
@@ -99,7 +99,7 @@
     "npm-run-all": "^4.1.5",
     "prisma": "5.7.0",
     "react": "^18.2.0",
-    "react-basics": "^0.114.0",
+    "react-basics": "^0.116.0",
     "react-beautiful-dnd": "^13.1.0",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^4.0.4",
diff --git a/src/app/(main)/reports/[id]/FieldFilterForm.tsx b/src/app/(main)/reports/[id]/FieldFilterForm.tsx
index 4af7febf..1616e10d 100644
--- a/src/app/(main)/reports/[id]/FieldFilterForm.tsx
+++ b/src/app/(main)/reports/[id]/FieldFilterForm.tsx
@@ -65,7 +65,7 @@ export default function FieldFilterForm({
               items={filters}
               value={filter}
               renderValue={renderFilterValue}
-              onChange={(key: any) => setFilter(key)}
+              onSelect={(key: any) => setFilter(key)}
             >
               {({ value, label }) => {
                 return <Item key={value}>{label}</Item>;
@@ -78,7 +78,7 @@ export default function FieldFilterForm({
             items={values}
             value={value}
             renderValue={renderValue}
-            onChange={(key: any) => setValue(key)}
+            onSelect={(key: any) => setValue(key)}
             style={{
               minWidth: '250px',
             }}
diff --git a/src/app/(main)/settings/profile/LanguageSetting.tsx b/src/app/(main)/settings/profile/LanguageSetting.tsx
index f1b19626..c7b13f7a 100644
--- a/src/app/(main)/settings/profile/LanguageSetting.tsx
+++ b/src/app/(main)/settings/profile/LanguageSetting.tsx
@@ -19,7 +19,7 @@ export function LanguageSetting() {
         items={options}
         value={locale}
         renderValue={renderValue}
-        onChange={saveLocale}
+        onSelect={saveLocale}
         menuProps={{ style: { height: 300, width: 300 } }}
       >
         {item => <Item key={item}>{languages[item].label}</Item>}
diff --git a/src/app/(main)/settings/profile/TimezoneSetting.tsx b/src/app/(main)/settings/profile/TimezoneSetting.tsx
index fc318081..473998b3 100644
--- a/src/app/(main)/settings/profile/TimezoneSetting.tsx
+++ b/src/app/(main)/settings/profile/TimezoneSetting.tsx
@@ -16,7 +16,7 @@ export function TimezoneSetting() {
       <Dropdown
         items={options}
         value={timezone}
-        onChange={saveTimezone}
+        onSelect={saveTimezone}
         style={{ flex: 1 }}
         menuProps={{ style: { height: 300 } }}
       >
diff --git a/src/app/(main)/websites/[id]/WebsiteExpandedView.tsx b/src/app/(main)/websites/[id]/WebsiteExpandedView.tsx
index f01d9363..bcf18c77 100644
--- a/src/app/(main)/websites/[id]/WebsiteExpandedView.tsx
+++ b/src/app/(main)/websites/[id]/WebsiteExpandedView.tsx
@@ -134,7 +134,7 @@ export default function WebsiteExpandedView({
           items={items}
           value={view}
           renderValue={renderValue}
-          onChange={handleChange}
+          onSelect={handleChange}
           alignment="end"
         >
           {({ key, label }) => <Item key={key}>{label}</Item>}
diff --git a/src/components/input/DateFilter.tsx b/src/components/input/DateFilter.tsx
index f7739f17..62e2d8da 100644
--- a/src/components/input/DateFilter.tsx
+++ b/src/components/input/DateFilter.tsx
@@ -113,7 +113,7 @@ export function DateFilter({
         value={value}
         alignment={alignment}
         placeholder={formatMessage(labels.selectDate)}
-        onChange={key => handleChange(key as any)}
+        onSelect={key => handleChange(key as any)}
       >
         {({ label, value, divider }) => (
           <Item key={value} divider={divider}>
diff --git a/src/components/input/WebsiteSelect.tsx b/src/components/input/WebsiteSelect.tsx
index e125e258..3a6ca272 100644
--- a/src/components/input/WebsiteSelect.tsx
+++ b/src/components/input/WebsiteSelect.tsx
@@ -27,7 +27,7 @@ export function WebsiteSelect({
       items={data?.data}
       value={websiteId}
       renderValue={renderValue}
-      onChange={onSelect}
+      onSelect={onSelect}
       alignment="end"
       placeholder={formatMessage(labels.selectWebsite)}
     >
diff --git a/yarn.lock b/yarn.lock
index b15b1a13..aef653fa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7570,10 +7570,10 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-basics@^0.114.0:
-  version "0.114.0"
-  resolved "https://registry.yarnpkg.com/react-basics/-/react-basics-0.114.0.tgz#b8e2d55759366a30be7a53546215c6d7e0898bca"
-  integrity sha512-zdGk0Om4yb0JZotYosbvYAFw1GwU22amFAm3iLTuZA5sL6ArH++8BDg7TFQFyaCk73jBWzYFuCiY3+xcJPxiHw==
+react-basics@^0.116.0:
+  version "0.116.0"
+  resolved "https://registry.yarnpkg.com/react-basics/-/react-basics-0.116.0.tgz#497aa40ceec6c6e849a64be738853f9f04502f8f"
+  integrity sha512-Vv9CFbrlJPClQ22EvLIdWDmxzY1yRlEd9D4RLYQejl1CsDwvTCjP0Y3zkOmHiFVP9I2VcwUf9uhDf5GASh17dw==
   dependencies:
     "@react-spring/web" "^9.7.3"
     classnames "^2.3.1"