* 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