Как правильно подключить базу данных mongodb к приложению, использующему Next js, React js, mongoose и получить доступ к моделям баз данных из реагирующих компонентов?

Question

Я пытаюсь подключить мое приложение React к базе данных mongodb.Он подключается к базе данных, но я не могу использовать модели базы данных из моих компонентов реагирования.Мое приложение использует Nextjs, поэтому оно имеет серверную визуализацию , поэтому я надеюсь, что можно получить доступ к моделям баз данных из функций моего реагирующего компонента.

Для этого я использовал mongoose.connect () для подключения к базе данных.Затем я импортировал модель Mongodb для реагирования на файл компонента и использовал ее в> компоненте реакции.

Вот мой файл модели

// models/shopmodel.js
const mongoose = require('mongoose')
const schema = mongoose.Schema

const storeModel = new schema({
    name: { type: String },
    storeid: { type: String }
})

module.exports = mongoose.model ('Stores', storeModel)

А вот мой файл реакции, который использует этомодель для выполнения задач

import Stores from '../models/shopmodel'

class ResourceListOfImages extends React.Component {

    componentDidMount() {
        Stores.find({},(err, data)=>{
            if(err){console.log("Error")};
            console.log(data);
        }
    }
}

Но всякий раз, когда я запускаю это, он говорит: «Невозможно переопределить модель« Хранилища »после компиляции».

Так каков правильный способс использованием моделей базы данных на стороне сервера отреагировал.