Как использовать функцию из другого класса для получения api? Javascript

module.exports.fetchUser = () => {
    fetch('/api/user')
        .then((response) => response.json())
        .then((user) => {
            return user;
        });
}

У меня есть отдельный файл fetchApi.js, в котором хранится указанная выше функция. Я пытаюсь использовать его в файле responseJS ниже, но когда я пытаюсь установитьState в функции componentDidMount, ничего не устанавливается. Похоже, что функция fetchUser не возвращает объект пользователя, как я хочу. Я неправильно это использую?

import React, {Component} from 'react';
import { fetchUser } from './fetchApi';

class Dashboard extends Component{
    constructor(props){
        super(props);

        this.state = {
            userData: {}
        }
    }
    componentDidMount(){
            this.setState({userData: fetchUser()});
    }
    render(){
        return(
            <div>
                <h1>
                    {this.state.userData.username ? this.state.userData.username : "Not Signed In"}
                </h1>               
                <h2>DASHBOARD</h2>
                <a href = "/google">Login</a>
            </div>
        )
    }
}