diff --git a/docs/src/pages/demos/snackbars/ConsecutiveSnackbars.js b/docs/src/pages/demos/snackbars/ConsecutiveSnackbars.js
index d953f8ac4d2d8e..b19d1112b87122 100644
--- a/docs/src/pages/demos/snackbars/ConsecutiveSnackbars.js
+++ b/docs/src/pages/demos/snackbars/ConsecutiveSnackbars.js
@@ -15,13 +15,9 @@ const styles = theme => ({
 class ConsecutiveSnackbars extends React.Component {
   queue = [];
 
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      open: false,
-    };
-  }
+  state = {
+    open: false,
+  };
 
   handleClick = message => () => {
     this.queue.push({
diff --git a/docs/src/pages/demos/snackbars/ConsecutiveSnackbars.tsx b/docs/src/pages/demos/snackbars/ConsecutiveSnackbars.tsx
index dfd5580f6ad668..78442db668c037 100644
--- a/docs/src/pages/demos/snackbars/ConsecutiveSnackbars.tsx
+++ b/docs/src/pages/demos/snackbars/ConsecutiveSnackbars.tsx
@@ -29,13 +29,9 @@ export interface State {
 class ConsecutiveSnackbars extends React.Component<Props, State> {
   queue: SnackbarMessage[] = [];
 
-  constructor(props: Props) {
-    super(props);
-
-    this.state = {
-      open: false,
-    };
-  }
+  state: State = {
+    open: false,
+  };
 
   handleClick = (message: string) => () => {
     this.queue.push({
@@ -74,7 +70,7 @@ class ConsecutiveSnackbars extends React.Component<Props, State> {
 
   render() {
     const { classes } = this.props;
-    const { messageInfo = {} as SnackbarMessage } = this.state;
+    const { messageInfo = {} as Partial<SnackbarMessage> } = this.state;
 
     return (
       <div>
diff --git a/docs/src/pages/demos/snackbars/DirectionSnackbar.js b/docs/src/pages/demos/snackbars/DirectionSnackbar.js
index c4d2027a3d5247..ff92786d4338c5 100644
--- a/docs/src/pages/demos/snackbars/DirectionSnackbar.js
+++ b/docs/src/pages/demos/snackbars/DirectionSnackbar.js
@@ -20,13 +20,9 @@ function TransitionDown(props) {
 }
 
 class DirectionSnackbar extends React.Component {
-  constructor() {
-    super();
-
-    this.state = {
-      open: false,
-    };
-  }
+  state = {
+    open: false,
+  };
 
   handleClick = Transition => () => {
     this.setState({ open: true, Transition });
diff --git a/docs/src/pages/demos/snackbars/DirectionSnackbar.tsx b/docs/src/pages/demos/snackbars/DirectionSnackbar.tsx
index 0557f16e49c899..c81e4360266695 100644
--- a/docs/src/pages/demos/snackbars/DirectionSnackbar.tsx
+++ b/docs/src/pages/demos/snackbars/DirectionSnackbar.tsx
@@ -25,14 +25,10 @@ export interface State {
   Transition?: React.ComponentType<TransitionProps>;
 }
 
-class DirectionSnackbar extends React.Component<void, State> {
-  constructor() {
-    super();
-
-    this.state = {
-      open: false,
-    };
-  }
+class DirectionSnackbar extends React.Component<{}, State> {
+  state: State = {
+    open: false,
+  };
 
   handleClick = (Transition: React.ComponentType<TransitionProps>) => () => {
     this.setState({ open: true, Transition });
diff --git a/docs/src/pages/demos/snackbars/IntegrationNotistack.js b/docs/src/pages/demos/snackbars/IntegrationNotistack.js
index 1f657aa48327f7..9a71854602dfbd 100644
--- a/docs/src/pages/demos/snackbars/IntegrationNotistack.js
+++ b/docs/src/pages/demos/snackbars/IntegrationNotistack.js
@@ -4,10 +4,6 @@ import Button from '@material-ui/core/Button';
 import { SnackbarProvider, withSnackbar } from 'notistack';
 
 class App extends React.Component {
-  static propTypes = {
-    enqueueSnackbar: PropTypes.func.isRequired,
-  };
-
   handleClick = () => {
     this.props.enqueueSnackbar('I love snacks.');
   };
@@ -27,6 +23,10 @@ class App extends React.Component {
   }
 }
 
+App.propTypes = {
+  enqueueSnackbar: PropTypes.func.isRequired,
+};
+
 const MyApp = withSnackbar(App);
 
 function IntegrationNotistack() {
diff --git a/docs/src/pages/demos/snackbars/IntegrationNotistack.tsx b/docs/src/pages/demos/snackbars/IntegrationNotistack.tsx
index 914048cbb2753f..937dc787347e4b 100644
--- a/docs/src/pages/demos/snackbars/IntegrationNotistack.tsx
+++ b/docs/src/pages/demos/snackbars/IntegrationNotistack.tsx
@@ -4,10 +4,6 @@ import Button from '@material-ui/core/Button';
 import { SnackbarProvider, VariantType, withSnackbar, withSnackbarProps } from 'notistack';
 
 class App extends React.Component<withSnackbarProps> {
-  static propTypes = {
-    enqueueSnackbar: PropTypes.func.isRequired,
-  };
-
   handleClick = () => {
     this.props.enqueueSnackbar('I love snacks.');
   };
@@ -27,6 +23,10 @@ class App extends React.Component<withSnackbarProps> {
   }
 }
 
+(App as React.ComponentClass<withSnackbarProps>).propTypes = {
+  enqueueSnackbar: PropTypes.func.isRequired,
+};
+
 const MyApp = withSnackbar(App);
 
 function IntegrationNotistack() {