Application error: a client-side exception has occurred (see the browser console for more information).

[dmasur]

Hi,

i started with serpbear (2.0.6) a day ago with one domain. Serpbear is running on Kubernetes with Helm. My Domain imported the Keywords from the search console. It happens whenever i open the domain.

This is the server output:
Sequelize CLI [Node: 22.11.0, CLI: 6.6.2, ORM: 6.37.5]
Loaded configuration file "database/config.js".
Using environment "production".
No migrations were executed, database schema was already up to date.
npm notice
npm notice New major version of npm available! 10.3.0 -> 11.0.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v11.0.0
npm notice Run npm install -g npm@11.0.0 to update!
npm notice
[0] (node:35) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead.
[0] (Use node --trace-deprecation ... to show where the warning was created)
[0] Listening on port 3000
[0] GET /api/dbmigrate
[0] GET /api/domains?withstats=true
[0] GET /api/settings
[0] domains: 3
[0] GET /api/settings
[0] GET /api/domains
[0] GET /api/keywords?domain=www.mydomain.de
[0] GET /api/settings
[0] GET /api/dbmigrate
[0] GET /api/domains?withstats=true
[0] domains: 3
[0] GET /api/settings
[0] GET /api/settings
[0] GET /api/domains
[0] GET /api/keywords?domain=www.mydomain.de

This is the Client log:
framework-4556c45dd113b893.js:1 TypeError: Cannot read properties of undefined (reading '0')
at [slug]-047aa310b09b3f3b.js:1:2486
at Array.forEach ()
at [slug]-047aa310b09b3f3b.js:1:2437
at Object.Go [as useMemo] (framework-4556c45dd113b893.js:1:67603)
at n.useMemo (framework-4556c45dd113b893.js:1:136640)
at t.Z ([slug]-047aa310b09b3f3b.js:1:2132)
at Eo (framework-4556c45dd113b893.js:1:63192)
at Pu (framework-4556c45dd113b893.js:1:74880)
at xi (framework-4556c45dd113b893.js:1:121315)
at bs (framework-4556c45dd113b893.js:1:109368)
du @ framework-4556c45dd113b893.js:1
a.componentDidCatch.t.callback @ framework-4556c45dd113b893.js:1
Ua @ framework-4556c45dd113b893.js:1
ki @ framework-4556c45dd113b893.js:1
bi @ framework-4556c45dd113b893.js:1
yi @ framework-4556c45dd113b893.js:1
(anonym) @ framework-4556c45dd113b893.js:1
ws @ framework-4556c45dd113b893.js:1
ls @ framework-4556c45dd113b893.js:1
S @ framework-4556c45dd113b893.js:1
T @ framework-4556c45dd113b893.js:1
main-637205b74733a654.js:1 TypeError: Cannot read properties of undefined (reading '0')
at [slug]-047aa310b09b3f3b.js:1:2486
at Array.forEach ()
at [slug]-047aa310b09b3f3b.js:1:2437
at Object.Go [as useMemo] (framework-4556c45dd113b893.js:1:67603)
at n.useMemo (framework-4556c45dd113b893.js:1:136640)
at t.Z ([slug]-047aa310b09b3f3b.js:1:2132)
at Eo (framework-4556c45dd113b893.js:1:63192)
at Pu (framework-4556c45dd113b893.js:1:74880)
at xi (framework-4556c45dd113b893.js:1:121315)
at bs (framework-4556c45dd113b893.js:1:109368)

Is there anything how I can fix this problem?

[towfiqi]

@dmasur Try pulling the Docker image and running the container again to rule out a corrupted file as the cause. However, it's likely that the issue stems from malformed data in your database. If that's the case, you'll need to back up the database, delete it, and restart the app to let it create a new database. Keep in mind that this will require starting fresh and re-adding your domains and keywords.

[dmasur]

Thanks for your quick response. i already deleted the container and tried it without success.
Now I deleted the database and start again, but run into the same issue.
I added my domain and the data for google search console. Then I added the Keywords from Discover to the tracker (241 Desktop / 571 Mobile). When I click on Tracker i see the same error.

I haven't setup scraping at the new setup and have some backend errors. i will try again with new database and first setup the scraper

[dmasur]

With Scraper I have many of this errors:

[0] [ERROR] Scraping Keyword : das versteck berlin . Error: undefined
[0] [ERROR_MESSAGE]: Error: [object Object]
[0] at scrapeKeywordFromGoogle (/app/.next/server/chunks/941.js:291:19)
[0] at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
[0] at async Promise.all (index 4)
[0] at async refreshAndUpdateKeywords (/app/.next/server/chunks/941.js:46:34)

It seems to work with only 241 Desktop Keywords. Adding the Mobile Keywords goes into the errorstate.

Edit: I am in Germany with many Keywords with special characters in it. maybe this is an issue

[towfiqi]

@dmasur What scraper are you using? Did you try with another scraper?

[dmasur]

I use ScrapingAnt. I tried robot, but it didn't search for my keywords...

[besh-oy]

@towfiqi I have the same issue, I have 2 domains, I added 500~ keywords in each domain from google console. one of the domain works just fine, the other domain causes Nextjs to crash if I switch to "Tracking" tab.

hook.js:608 TypeError: Cannot read properties of undefined (reading '0')
at [slug]-047aa310b09b3f3b.js:1:2486
at Array.forEach ()
at [slug]-047aa310b09b3f3b.js:1:2437
at Object.useMemo (framework-4556c45dd113b893.js:1:69560)
at n.useMemo (framework-4556c45dd113b893.js:1:136640)
at t.Z ([slug]-047aa310b09b3f3b.js:1:2132)
at Eo (framework-4556c45dd113b893.js:1:63192)
at xi (framework-4556c45dd113b893.js:1:120432)
at bs (framework-4556c45dd113b893.js:1:109368)
at gs (framework-4556c45dd113b893.js:1:109296)