From 3211703f7931136161a3f43d355e40abcdad9efb Mon Sep 17 00:00:00 2001
From: Sebastian Silbermann <silbermann.sebastian@gmail.com>
Date: Wed, 24 Jun 2020 11:46:27 +0200
Subject: [PATCH] Update migration guide

---
 .../pages/guides/migration-v4/migration-v4.md | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md
index f53545473f3ab0..44325870b2544c 100644
--- a/docs/src/pages/guides/migration-v4/migration-v4.md
+++ b/docs/src/pages/guides/migration-v4/migration-v4.md
@@ -45,6 +45,14 @@ yarn add @material-ui/core
 
 ## Handling breaking changes
 
+### BottomNavigation
+
+- typescript: The `event` in `onChange` is no longer typed as a `React.ChangeEvent` but `React.SyntheticEvent`.
+  ```diff
+  -<BottomNavigation onChange={(event: React.ChangEvent<{}>) => {}} />
+  +<BottomNavigation onChange={(event: React.SyntheticEvent) => {}} />
+  ```
+
 ### Divider
 
 - Use border instead of background color. It prevents inconsistent height on scaled screens. For people customizing the color of the border, the change requires changing the override CSS property:
@@ -69,6 +77,14 @@ yarn add @material-ui/core
 />
 ```
 
+### Slider
+
+- typescript: The `event` in `onChange` is no longer typed as a `React.ChangeEvent` but `React.SyntheticEvent`.
+  ```diff
+  -<Slider onChange={(event: React.ChangEvent<{}>, value: unknown) => {}} />
+  +<Slider onChange={(event: React.SyntheticEvent, value: unknown) => {}} />
+  ```
+
 ### TablePagination
 
 - The customization of the table pagination's actions labels must be done with the `getItemAriaLabel` prop.
@@ -80,6 +96,14 @@ yarn add @material-ui/core
   + getItemAriaLabel={…}
   ```
 
+### Tabs
+
+- typescript: The `event` in `onChange` is no longer typed as a `React.ChangeEvent` but `React.SyntheticEvent`.
+  ```diff
+  -<Tabs onChange={(event: React.ChangEvent<{}>, value: unknown) => {}} />
+  +<Tabs onChange={(event: React.SyntheticEvent, value: unknown) => {}} />
+  ```
+
 ### Typography
 
 - Replace `srOnly` prop support with a style util:
@@ -133,3 +157,9 @@ yarn add @material-ui/core
   -</ExpansionPanel>
   +</Accordion>
   ```
+
+- typescript: The `event` in `onChange` is no longer typed as a `React.ChangeEvent` but `React.SyntheticEvent`.
+  ```diff
+  -<Accordion onChange={(event: React.ChangEvent<{}>, expanded: boolean) => {}} />
+  +<Accordion onChange={(event: React.SyntheticEvent, expanded: boolean) => {}} />
+  ```