Подключение к mongodb из приложения реакции дает TypeError: Невозможно прочитать свойство 'replace' из undefined

Question

У меня есть реагирующий веб-сайт, который должен запрашивать данные из моей базы данных атласа mongodb и отображать их пользователю. В моем атласном кластере я уже создал пользователя readuser с паролем readuser и разрешениями на чтение.

Следуя официальному руководству , я пробую это:

import React from 'react';
import MongoClient from 'mongodb';

function App() {
    var uri = "mongodb+srv://readuser:readuser@personalwebsite-oerah.mongodb.net/test?retryWrites=true&w=majority";
    var client = new MongoClient(uri, {useNewUrlParser : true});
    client.connect(err => {
        console.log(err);
        client.close();
    });
    return (<p>Hello world</p>);
}

export default App;

Однако в программе response отображается ошибка Uncaught TypeError: Cannot read property 'replace' of undefined at matchesParentDomain (uri_parser.js:24)

1. Подходит ли решение node js для моей проблемы? (Похоже, он больше предназначен для серверных приложений)
2. Можно ли сделать мою базу данных общедоступной для чтения, чтобы избежать необходимости входа в систему из моего приложения?
3. Как исправить ошибку?

Я знаю, что это звучит очень похоже на эту тему , но я не использую mon goose, поэтому проблема немного в другом.