Егор Жолнин

Для решения этой проблемы нужно создать папочку containers, connect() вынести в containers>index.js, функцию addTrack() вынести в HOC под названием withHandlers и так же оформить отдельным файлом. Должно получиться что-то типа

import { withHandlers } from "recompose";

export default withHandlers({
  addTrack: props => values => {
  // тут логика
  },
});

дальше создаешь файл app.js примерно такого содержания

import component from "./components"; //твой .jsx
import connection from "./containers"; //твой connect
import withHandlers from "./containers/withHandlers"; //твои функции
import { compose } from 'recompose'; 

export default compose(
  connection,
  withHandlers
)(component);

И класс нужно переписать на функцию такого вида

export default props => jsx