message: Profile React components
diff: +import { withProfiler } from '@sentry/react';
  import { MouseTransition, TouchTransition } from 'dnd-multi-backend';
  import React from 'react';
  import { HTML5Backend } from 'react-dnd-html5-backend';
  @@ -9,6 +10,9 @@ import { BrowserRouter as Router } from 'react-router-dom';
  import App from './App';
  import store from './store/store';
  +// Wrap App with Sentry profiling
  +const WrappedApp = $featureFlags.sentry ? withProfiler(App) : App;
  +
  function Root() {
  const options = {
  backends: [
  @@ -20,7 +24,7 @@ function Root() {
  <Router>
  <Provider store={store}>
  <DndProvider options={options}>
  - <App />
  + <WrappedApp />
  </DndProvider>
  </Provider>
  </Router>
  