реагировать на экспорт неожиданного токена

Итак, у меня есть эти файл и папка.

App.js
modules/
  user/
    index.js
    list.js

В list.js у меня есть export default (props) => (...)

В index.js у меня есть export UserList from './list';

А в App.js у меня есть import { UserList } from './modules/user';

Что-то там не так? Потому что я получил

./src/modules/user/index.js
Syntax error: Unexpected token, expected { (1:7)
> 1 | export UserList from './list';

Но я не понимаю, что здесь не так? Справка!

Редактировать: Вот больше подробностей о моем файле list.js, но я не думаю, что это имеет значение, потому что ошибка в index.js

import React from 'react';
// more import
export default (props) => (
  <List {...props}>
    ...
  </List>
);