How can I make createWidgetMixin work correctly in Nuxt?

I am migrating a project I build in vue into nuxt.js
The code has no issue in Vue.
Yet in Nuxt I get error message every time I refresh the page. Otherwise, it works correctly.

Nuxt Error: It looks like you forgot to wrap your Algolia search component “” inside of an “” component.

What is causing the error is

mixins: [createWidgetMixin({ connector: connectGeoSearch })],
Since when I comment on this line the error does not appear when I reload the page.
How can I make createWidgetMixin work correctly in Nuxt?

Here is the code