WebStorm не предлагает классы, которые не импортируются

Question

Я новичок в React и WebStorm, так что, возможно, я ожидаю слишком многого, но рассмотрим следующий фрагмент кода. Мне приходилось вручную вводить каждую import строку вручную.

Если вы посмотрите в фрагмент, вы увидите, где находится мой воображаемый курсор. Я ожидал, что смогу набрать " Lis " или, возможно, " " и нажать Ctrl-Space, а WebStorm предложит List из @material-ui/core/List. Но это ничего не делает. В итоге мне приходится вводить оператор импорта вручную, и только после этого он автоматически завершается.

Единственные классы, которые он предлагает, но которые еще не импортированы, это те, которые определены в моем проекте.

import React from 'react';
import {withStyles} from '@material-ui/core/styles'
import Grid from '@material-ui/core/Grid';
import Card from '@material-ui/core/Card';
import Typography from '@material-ui/core/Typography';

// ...

export default withStyles(styles)(class StudentsPage extends React.Component {
        render() {
            const { classes } = this.props;

            return (
                <Grid container spacing={16} className={classes.root}>
                    <Grid item xs={6}>
                        <Card>
                            <Typography
                                variant={"display1"}>
                                Students
                            </Typography>
                            | // <--- cursor is here
                        </Card>
                    </Grid>
                    <Grid item xs={6}>
                        <Card>
                            Info
                        </Card>
                    </Grid>
                </Grid>
            );
        }
    }
)

Как мне заставить WebStorm предлагать вещи, которые находятся в моем nodule_modules каталоге?

Насколько я знаю, мои настройки здоровы. Я использую WebStorm 2018.2.