Named Component name

src/components/workspace/Button.tsx

@@ -69,7 +69,7 @@ interface State {
   hover: boolean
 }
 
-export default class extends PureComponent<Props, State> {
+export default class Button extends PureComponent<Props, State> {
   static defaultProps = {
     active: false,
     inverse: false,

src/components/workspace/Editor.tsx

@@ -67,7 +67,7 @@ export interface Props {
   errorLineNumber?: number
 }
 
-export default class extends PureComponent<Props> {
+export default class Editor extends PureComponent<Props> {
   static defaultProps = {
     initialValue: null,
     value: null,

src/components/workspace/Inspector.tsx

@@ -27,7 +27,7 @@ export const Inspector = Loadable({
     import('react-inspector').then(({ default: Inspector, chromeLight }) => {
       const theme = createInspectorTheme(chromeLight)
 
-      return (props: InspectorProps) => <Inspector {...props} theme={theme} />
+      return function LazyInspector(props: InspectorProps) { return <Inspector {...props} theme={theme} /> }
     }),
   loading: () => null,
 })

src/components/workspace/PlayerFrame.tsx

@@ -40,7 +40,7 @@ interface State {
   id: string | null
 }
 
-export default class extends PureComponent<Props, State> {
+export default class PlayerFrame extends PureComponent<Props, State> {
   static defaultProps = {
     preset: 'react-native',
     platform: 'ios',

src/components/workspace/Workspace.tsx

@@ -184,7 +184,7 @@ type WorkspacePaneProps = {
   renderPane: (options: PaneOptions, index: number) => ReactNode
 }
 
-const WorkspacePane = memo((props: WorkspacePaneProps) => {
+const WorkspacePane = memo(function WorkspacePane (props: WorkspacePaneProps) {
   const {
     environmentName: environmentName,
     ready,

src/components/workspace/panes/PlayerPane.tsx

@@ -41,7 +41,7 @@ export interface Props {
 }
 
 const PlayerPane = memo(
-  React.forwardRef<PlayerFrame, Props>(function renderPlayer(
+  React.forwardRef<PlayerFrame, Props>(function PlayerPane(
     {
       options,
       externalStyles,