Electron - unable to use rxdb in vuejs renderer process

Question

I'm trying to use rxDB inside my electron vue app. I've followed the guide on how to implement it inside the renderer process, and I have the following code in my App.vue file:

// Importo dipendenze front-end
import { store } from '../src/store'
import { createRxDatabase } from 'rxdb'
import { getRxStorageIpcRenderer } from 'rxdb/plugins/electron'
import { getRxStorageDexie } from 'rxdb/plugins/storage-dexie'

// Importo componenti 
import ProgressBar from './components/ProgressBar.vue'
import Navbar from './components/Navbar.vue'
import Main from './components/Main.vue'
import DocumentSelector from './components/DocumentSelector.vue'
import SelectionPreview from './components/PreviewSelection.vue'
//

export default {
    name: 'App',
    components: {
        ProgressBar,
        Navbar,
        Main,
        DocumentSelector,
        SelectionPreview,
    },
    data() {
        return {
            store: store,
            databaseUpdateCompleted: false,
            showSearchbar: false,       
        }
    },
    mounted() {
        this.initLocalDB()
        //window.ipcRenderer.send('startDatabaseUpdate')
        window.ipcRenderer.send('init')
        window.ipcRenderer.receive('suppliersData', (data) => {
            this.suppliersDataAvailable = true
            this.store.suppliers = data
        })
        window.ipcRenderer.receive('clientsData', (data) => {
            console.log(data)
            this.clientsDataAvailable = true
            this.store.clients = data
        })
    },
    methods: {
        async initLocalDB() {
            const ipcRenderer = window.ipcRenderer
            this.store.localDatabase = await createRxDatabase({
                name: 'datasetLocalReplica',
                storage: getRxStorageIpcRenderer({
                    key: 'local-dataset',
                    statics: getRxStorageDexie().statics,
                    ipcRenderer: ipcRenderer
                })
            })
            console.log(ipcRenderer, this.store.localDatabase)
        }
    }
}

Anyway I have the following problem when I run the npm run electron:serve command

-storage-ipc-renderer.ts:46 Uncaught (in promise) TypeError: settings.ipcRenderer.on is not a function
    at Object.messageChannelCreator (rx-storage-ipc-renderer.ts:46:1)
    at existingCacheItem.refCount (message-channel-cache.ts:50:1)
    at getFromMapOrCreate (utils-map.ts:20:1)
    at getMessageChannel (message-channel-cache.ts:41:1)
    at RxStorageRemote.createStorageInstance (rx-storage-remote.ts:83:1)
    at createRxDatabaseStorageInstance (rx-database.ts:533:1)
    at createRxDatabase (rx-database.ts:589:1)
    at Proxy.initLocalDB (App.vue:65:1)
    at Proxy.mounted (App.vue:49:1)
    at eval (runtime-core.esm-bundler.js:2675:1)

I'm using electron 24.3.0 with vue 3.2.13 and rxdb 14.11.4. Into the backgoudn.js file of electron app I'm doing this step to init rxdb and this is the same that is suggested from the documentation about this process:

import { app, protocol, BrowserWindow, ipcMain, dialog, Notification, Menu } from 'electron'
import { getRxStorageDexie } from 'rxdb/plugins/storage-dexie'
import { exposeIpcMainRxStorage } from 'rxdb/plugins/electron'

app.on('ready', async () => {
    if (isDevelopment && !process.env.IS_TEST) {
        // Install Vue Devtools
        try {
            //await installExtension(VUEJS3_DEVTOOLS)
        } catch (e) {
            console.error('Vue Devtools failed to install:', e.toString())
        }
    }
    exposeIpcMainRxStorage({
        key: 'local-dataset',
        storage: getRxStorageDexie(),
        ipcMain: ipcMain
    })

    createWindow()
    initNotification()
})

Is there something wrong into the code?What's the correct way to use rxdb inside my electron app without problems?