diff --git a/package.json b/package.json
index d6b2df0af..35706523d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-slick",
-  "version": "0.23.2-1",
+  "version": "0.23.3",
   "description": " React port of slick carousel",
   "main": "./lib",
   "files": [
diff --git a/src/inner-slider.js b/src/inner-slider.js
index d9b906898..63a959aa1 100644
--- a/src/inner-slider.js
+++ b/src/inner-slider.js
@@ -52,7 +52,7 @@ export class InnerSlider extends React.Component {
       this.list.style.height = getHeight(elem) + "px";
     }
   };
-  componentWillMount = () => {
+  UNSAFE_componentWillMount = () => {
     this.ssrInit();
     this.props.onInit && this.props.onInit();
     if (this.props.lazyLoad) {
@@ -127,7 +127,7 @@ export class InnerSlider extends React.Component {
       clearInterval(this.autoplayTimer);
     }
   };
-  componentWillReceiveProps = nextProps => {
+  UNSAFE_componentWillReceiveProps = nextProps => {
     let spec = {
       listRef: this.list,
       trackRef: this.track,
diff --git a/src/slider.js b/src/slider.js
index d4833da43..776105011 100644
--- a/src/slider.js
+++ b/src/slider.js
@@ -25,7 +25,7 @@ export default class Slider extends React.Component {
   }
 
   // handles responsive breakpoints
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     // performance monitoring
     //if (process.env.NODE_ENV !== 'production') {
     //const { whyDidYouUpdate } = require('why-did-you-update')