diff --git a/src/components/dialogs/MapListDialog.tsx b/src/components/dialogs/MapListDialog.tsx
index 440d292..c6b8b88 100644
--- a/src/components/dialogs/MapListDialog.tsx
+++ b/src/components/dialogs/MapListDialog.tsx
@@ -16,7 +16,7 @@ import { isMobile } from '$utils/window';
 import classnames from 'classnames';
 
 // import { Range } from 'rc-slider';
-import Range from 'rc-slider/lib/Range';
+import * as Range from 'rc-slider/lib/Range';
 import { TABS } from '$constants/dialogs';
 import { Icon } from '$components/panels/Icon';
 import { pushPath } from '$utils/history';
diff --git a/src/components/panels/DistanceBar.tsx b/src/components/panels/DistanceBar.tsx
index 4b65737..9857f00 100644
--- a/src/components/panels/DistanceBar.tsx
+++ b/src/components/panels/DistanceBar.tsx
@@ -4,7 +4,7 @@ import { toHours } from '$utils/format';
 import { Icon } from '$components/panels/Icon';
 import { connect } from 'react-redux';
 // import Slider from 'rc-slider';
-import Slider from 'rc-slider/lib/Slider';
+import * as Slider from 'rc-slider/lib/Slider';
 import { bindActionCreators } from 'redux';
 import { setSpeed } from '$redux/user/actions';
 import { IRootState } from "$redux/user/reducer";