diff --git a/examples/AdaptiveHeight.js b/examples/AdaptiveHeight.js
index 4f24ca3ad..5b0faa85b 100644
--- a/examples/AdaptiveHeight.js
+++ b/examples/AdaptiveHeight.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function AdaptiveHeight() {
   const settings = {
diff --git a/examples/AppendDots.js b/examples/AppendDots.js
index 57f8ccb39..ab467e6bf 100644
--- a/examples/AppendDots.js
+++ b/examples/AppendDots.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function AppendDots() {
   const settings = {
diff --git a/examples/AsNavFor.js b/examples/AsNavFor.js
index cab4c1a9a..739b89ae8 100644
--- a/examples/AsNavFor.js
+++ b/examples/AsNavFor.js
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function AsNavFor(props) {
   const [nav1, setNav1] = useState(null);
diff --git a/examples/AutoPlay.js b/examples/AutoPlay.js
index 452ea8659..2cb6eb5d5 100644
--- a/examples/AutoPlay.js
+++ b/examples/AutoPlay.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function AutoPlay() {
   const settings = {
diff --git a/examples/AutoPlayMethods.js b/examples/AutoPlayMethods.js
index c6b4d635d..ab902f8c0 100644
--- a/examples/AutoPlayMethods.js
+++ b/examples/AutoPlayMethods.js
@@ -1,5 +1,5 @@
 import React, { useRef } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function AutoPlayMethods(props) {
   let sliderRef = useRef(null);
diff --git a/examples/CenterMode.js b/examples/CenterMode.js
index 101df61ca..de1fd16e9 100644
--- a/examples/CenterMode.js
+++ b/examples/CenterMode.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function CenterMode() {
   const settings = {
diff --git a/examples/CustomArrows.js b/examples/CustomArrows.js
index fbd3582ca..f3e0b02d4 100644
--- a/examples/CustomArrows.js
+++ b/examples/CustomArrows.js
@@ -1,7 +1,8 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function SampleNextArrow(props) {
+  console.log(props);
   const { className, style, onClick } = props;
   return (
     <div
diff --git a/examples/CustomPaging.js b/examples/CustomPaging.js
index 66e53ea72..f594d0732 100644
--- a/examples/CustomPaging.js
+++ b/examples/CustomPaging.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 import { baseUrl } from "./config";
 
 function CustomPaging() {
diff --git a/examples/CustomSlides.js b/examples/CustomSlides.js
index 07450e8b2..87e09d966 100644
--- a/examples/CustomSlides.js
+++ b/examples/CustomSlides.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function CustomSlide(props) {
   const { index, ...otherProps } = props;
diff --git a/examples/DynamicSlides.js b/examples/DynamicSlides.js
index a69859fff..d8cb61f8a 100644
--- a/examples/DynamicSlides.js
+++ b/examples/DynamicSlides.js
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function DynamicSlides(props) {
   const [slides, setSlides] = useState([1, 2, 3, 4, 5, 6]);
diff --git a/examples/Fade.js b/examples/Fade.js
index ff75f45bf..9835e5b2a 100644
--- a/examples/Fade.js
+++ b/examples/Fade.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 import { baseUrl } from "./config";
 
 function Fade() {
diff --git a/examples/FocusOnSelect.js b/examples/FocusOnSelect.js
index 07f8fbc72..b9a3cd506 100644
--- a/examples/FocusOnSelect.js
+++ b/examples/FocusOnSelect.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function FocusOnSelect() {
   const settings = {
diff --git a/examples/LazyLoad.js b/examples/LazyLoad.js
index d4b80d726..a2f0e3f84 100644
--- a/examples/LazyLoad.js
+++ b/examples/LazyLoad.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 import { baseUrl } from "./config";
 
 function LazyLoad() {
diff --git a/examples/MultipleItems.js b/examples/MultipleItems.js
index 2634fdd93..2a88a6991 100644
--- a/examples/MultipleItems.js
+++ b/examples/MultipleItems.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function MultipleItems() {
   const settings = {
diff --git a/examples/MultipleRows.js b/examples/MultipleRows.js
index a36a5eb3d..4145db102 100644
--- a/examples/MultipleRows.js
+++ b/examples/MultipleRows.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function MultipleRows() {
   const settings = {
diff --git a/examples/PauseOnHover.js b/examples/PauseOnHover.js
index 97aa2dbfb..cc633d6ce 100644
--- a/examples/PauseOnHover.js
+++ b/examples/PauseOnHover.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function PauseOnHover() {
   var settings = {
diff --git a/examples/PreviousNextMethods.js b/examples/PreviousNextMethods.js
index 7eeeb33e3..263749cdd 100644
--- a/examples/PreviousNextMethods.js
+++ b/examples/PreviousNextMethods.js
@@ -1,5 +1,5 @@
 import React, { useRef } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function PreviousNextMethods(props) {
   let sliderRef = useRef(null);
diff --git a/examples/Resizable.js b/examples/Resizable.js
index e5be1bfa5..1c3553912 100644
--- a/examples/Resizable.js
+++ b/examples/Resizable.js
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function Resizable() {
   const [display, setDisplay] = useState(true);
diff --git a/examples/Responsive.js b/examples/Responsive.js
index 3e8abeb9c..0f06a9d22 100644
--- a/examples/Responsive.js
+++ b/examples/Responsive.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function Responsive() {
   var settings = {
diff --git a/examples/Rtl.js b/examples/Rtl.js
index a1473bcd5..d1a432a70 100644
--- a/examples/Rtl.js
+++ b/examples/Rtl.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function Rtl() {
   const settings = {
diff --git a/examples/SimpleSlider.js b/examples/SimpleSlider.js
index ee06df7a3..9b982d42b 100644
--- a/examples/SimpleSlider.js
+++ b/examples/SimpleSlider.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function SimpleSlider(props) {
   const settings = {
diff --git a/examples/SlickGoTo.js b/examples/SlickGoTo.js
index 07ef3c1f9..73944963f 100644
--- a/examples/SlickGoTo.js
+++ b/examples/SlickGoTo.js
@@ -1,5 +1,5 @@
 import React, { useState, useRef } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 import { baseUrl } from "./config";
 
 function SlickGoTo(props) {
diff --git a/examples/SlideChangeHooks.js b/examples/SlideChangeHooks.js
index cf3ca7938..f449c9d84 100644
--- a/examples/SlideChangeHooks.js
+++ b/examples/SlideChangeHooks.js
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function SlideChangeHooks() {
   const [oldSlide, setOldSlide] = useState(0);
diff --git a/examples/SwipeToSlide.js b/examples/SwipeToSlide.js
index 855e4a629..345ee926e 100644
--- a/examples/SwipeToSlide.js
+++ b/examples/SwipeToSlide.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function SwipeToSlide() {
   const settings = {
diff --git a/examples/UnevenSetsFinite.js b/examples/UnevenSetsFinite.js
index 08e574b47..9a59abc20 100644
--- a/examples/UnevenSetsFinite.js
+++ b/examples/UnevenSetsFinite.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function UnevenSetsFinite() {
   var settings = {
diff --git a/examples/UnevenSetsInfinite.js b/examples/UnevenSetsInfinite.js
index 9f7295fbe..ae48ec86c 100644
--- a/examples/UnevenSetsInfinite.js
+++ b/examples/UnevenSetsInfinite.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function UnevenSetsInfinite() {
   var settings = {
diff --git a/examples/VariableWidth.js b/examples/VariableWidth.js
index e8f7baaa0..81a040a1c 100644
--- a/examples/VariableWidth.js
+++ b/examples/VariableWidth.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function VariableWidth() {
   const settings = {
diff --git a/examples/VerticalMode.js b/examples/VerticalMode.js
index b138a4180..82d756c84 100644
--- a/examples/VerticalMode.js
+++ b/examples/VerticalMode.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function VerticalMode() {
   const settings = {
diff --git a/examples/VerticalSwipeToSlide.js b/examples/VerticalSwipeToSlide.js
index a7c8c2b3a..96c21efeb 100644
--- a/examples/VerticalSwipeToSlide.js
+++ b/examples/VerticalSwipeToSlide.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function VerticalSwipeToSlide() {
   const settings = {
diff --git a/webpack.config.js b/webpack.config.js
index e4e96d462..c6804359a 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -27,7 +27,10 @@ module.exports = {
     ]
   },
   resolve: {
-    extensions: [".js", ".jsx"]
+    extensions: [".js", ".jsx"],
+    alias: {
+      "react-slick": path.resolve(__dirname, "src/index.js")
+    }
   },
   plugins: [new webpack.IgnorePlugin(/vertx/)],
   devServer: {