Install lodash to define range

package.json

@@ -49,12 +49,14 @@
   "dependencies": {
     "@types/classnames": "^2.2.0",
     "@types/cookie": "^0.3.1",
+    "@types/lodash": "^4.14.150",
     "@types/random-seed": "^0.3.2",
     "@types/react": ">= 15",
     "@types/react-dom": ">= 15",
     "@types/react-transition-group": "^1.1.4",
     "classnames": "^2.2.5",
     "cookie": "^0.3.1",
+    "lodash": "^4.17.15",
     "normalize.css": "^8.0.1",
     "random-seed": "^0.3.0",
     "react": ">= 15",

src/ts/utils/slider.ts

@@ -1,3 +1,5 @@
+import { range } from 'lodash';
+
 export const getNumberOfSteps = (step: number, min: number, max: number) => {
   const totalRange = Math.abs(max - min);
   return Math.floor(totalRange / step) + 1;
@@ -9,7 +11,9 @@ export const getStepSeries = (
   max: number
 ): ReadonlyArray<number> => {
   const stepCount = getNumberOfSteps(step, min, max);
-  const series = [...Array(stepCount)].map((_value: number, index: number) => min + index * step);
+  const series = range(stepCount).map(
+    (_VALUE: number, index: number) => min + index * step
+  );
   // NOTE: if the last value in the series is less than the max we need another step in order to be able to select it
   return series[series.length - 1] < max ? [...series, max] : series;
 };