---
# System prepended metadata

title: Untitled

---

* 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

