* Breaking changes
* Scaffold the compat layer
* /compat
* Get the codemod working for the compat layer
* npm install react-next
* binary command for upgrade
* `upgrade-version --help`
* Try it on a partner
* Get guides in place
* Perf investigates
* Letting the user style components
* Guide/docs
* Getting rid global class names means that devs don't have a way to target sub things easily from a grandparent's css.
Layout.render:
```tsx
<ThemeProvider theme={{
classes: {
buttonClasses(state => ({
root: [state.foo && 'jksdfjkfsjkfsd'],
}))
}
}}>
```
* Move to react-icons
How do we wholesale move to react icons?
```tsx
From:
<Icon iconName={} />
To:
<AddIcon />
```
* KeyTips needs to be moved to a separate package
* https://codesandbox.io/s/keytips-wrapper-55vhc?file=/src/App.js:1481-1482