[Weird Bug] in Dashboard

[1834423612]

Describe the Bug

Umami Version: v2.18.1
OS: Linux CentOS Stream 9
Node.js Version: v22.12.0
Yarn Version: v1.22.22

After deployment was successful, I hadn't changed anything, and today I visited the site and found the following errors. After trying to build it, I still encounter the same problem.

1:"$Sreact.fragment"
2:I[30668,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","5647","static/chunks/ca377847-1095d764dfe5ba06.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","3732","static/chunks/3732-b4853aba282fc112.js","2100","static/chunks/2100-f33ea714d026c4ad.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","7177","static/chunks/app/layout-8515b85247b409b3.js"],"default"]
3:I[87555,[],""]
4:I[31295,[],""]
5:I[99543,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","4345","static/chunks/app/not-found-fa6641b4057eca6f.js"],"default"]
7:I[68757,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","5647","static/chunks/ca377847-1095d764dfe5ba06.js","1309","static/chunks/602dbae6-961f85afcbe52f84.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","4497","static/chunks/4497-e0785fe3164e45e0.js","1228","static/chunks/1228-b0387ebc4739f751.js","3732","static/chunks/3732-b4853aba282fc112.js","1618","static/chunks/1618-e7baf1e43ee429c7.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","2899","static/chunks/2899-f47355abff505259.js","8615","static/chunks/8615-154d853688b96294.js","5079","static/chunks/5079-b66f961ca3feb755.js","5660","static/chunks/app/(main)/dashboard/page-ae7400de4958e6b9.js"],"default"]
8:I[59665,[],"MetadataBoundary"]
a:I[59665,[],"OutletBoundary"]
d:I[74911,[],"AsyncMetadataOutlet"]
f:I[59665,[],"ViewportBoundary"]
11:I[26614,[],""]
:HL["/_next/static/css/51692e3b2180fe3b.css","style"]
:HL["/_next/static/css/396f6a3b52675793.css","style"]
:HL["/_next/static/css/f0f6bddb2a7d6178.css","style"]
:HL["/_next/static/css/65c3207eb7f3b62b.css","style"]
:HL["/_next/static/css/6ee7fd9a0dc04a39.css","style"]
:HL["/_next/static/css/35799a7e41769567.css","style"]
:HL["/_next/static/css/9ccd49e0f4f32eb7.css","style"]
0:{"P":null,"b":"0xA0DfXv_h8bBmkXXEDrt","p":"","c":["","dashboard"],"i":false,"f":[[["",{"children":["(main)",{"children":["dashboard",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/51692e3b2180fe3b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","data-scroll":"0","children":[["$","head",null,{"children":[["$","link",null,{"rel":"icon","href":"/favicon.ico"}],["$","link",null,{"rel":"apple-touch-icon","sizes":"180x180","href":"/apple-touch-icon.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"32x32","href":"/favicon-32x32.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"16x16","href":"/favicon-16x16.png"}],["$","link",null,{"rel":"manifest","href":"/site.webmanifest"}],["$","link",null,{"rel":"mask-icon","href":"/safari-pinned-tab.svg","color":"#5bbad5"}],["$","meta",null,{"name":"msapplication-TileColor","content":"#da532c"}],["$","meta",null,{"name":"theme-color","content":"#fafafa","media":"(prefers-color-scheme: light)"}],["$","meta",null,{"name":"theme-color","content":"#2f2f2f","media":"(prefers-color-scheme: dark)"}],["$","meta",null,{"name":"robots","content":"noindex,nofollow"}]]}],["$","body",null,{"suppressHydrationWarning":true,"children":["$","$L2",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$L5",null,{}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}]]}],{"children":["(main)",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/396f6a3b52675793.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/f0f6bddb2a7d6178.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],"$L6"]}],{"children":["dashboard",["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[["$","$L7",null,{}],["$","$L8",null,{"children":"$L9"}],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/65c3207eb7f3b62b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/6ee7fd9a0dc04a39.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/35799a7e41769567.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/9ccd49e0f4f32eb7.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$La",null,{"children":["$Lb","$Lc",["$","$Ld",null,{"promise":"$@e"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","mwoK-oNER8sRV3ZCBLsEs",{"children":[["$","$Lf",null,{"children":"$L10"}],null]}],null]}],false]],"m":"$undefined","G":["$11","$undefined"],"s":false,"S":true}
12:I[93561,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","4497","static/chunks/4497-e0785fe3164e45e0.js","1228","static/chunks/1228-b0387ebc4739f751.js","2715","static/chunks/2715-afcb5178ccea4582.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","2899","static/chunks/2899-f47355abff505259.js","2076","static/chunks/app/(main)/layout-e2a38d1f613252fb.js"],"default"]
13:I[92171,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","4497","static/chunks/4497-e0785fe3164e45e0.js","1228","static/chunks/1228-b0387ebc4739f751.js","2715","static/chunks/2715-afcb5178ccea4582.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","2899","static/chunks/2899-f47355abff505259.js","2076","static/chunks/app/(main)/layout-e2a38d1f613252fb.js"],"default"]
14:I[34544,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","4497","static/chunks/4497-e0785fe3164e45e0.js","1228","static/chunks/1228-b0387ebc4739f751.js","2715","static/chunks/2715-afcb5178ccea4582.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","2899","static/chunks/2899-f47355abff505259.js","2076","static/chunks/app/(main)/layout-e2a38d1f613252fb.js"],"default"]
15:"$Sreact.suspense"
16:I[74911,[],"AsyncMetadata"]
6:["$","$L12",null,{"children":["$","main",null,{"className":"layout_layout__xesVA","children":[["$","nav",null,{"className":"layout_nav__g9Wep","children":["$","$L13",null,{}]}],["$","section",null,{"className":"layout_body__pGwWC","children":["$","$L14",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}]}]
9:["$","$15",null,{"fallback":null,"children":["$","$L16",null,{"promise":"$@17"}]}]
c:null
10:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
b:null
17:{"metadata":[["$","title","0",{"children":"Dashboard | Umami"}]],"error":null,"digest":"$undefined"}
e:{"metadata":"$17:metadata","error":null,"digest":"$undefined"}

Database

MySQL

Relevant log output

1:"$Sreact.fragment"
2:I[30668,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","5647","static/chunks/ca377847-1095d764dfe5ba06.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","3732","static/chunks/3732-b4853aba282fc112.js","2100","static/chunks/2100-f33ea714d026c4ad.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","7177","static/chunks/app/layout-8515b85247b409b3.js"],"default"]
3:I[87555,[],""]
4:I[31295,[],""]
5:I[99543,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","4345","static/chunks/app/not-found-fa6641b4057eca6f.js"],"default"]
7:I[68757,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","5647","static/chunks/ca377847-1095d764dfe5ba06.js","1309","static/chunks/602dbae6-961f85afcbe52f84.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","4497","static/chunks/4497-e0785fe3164e45e0.js","1228","static/chunks/1228-b0387ebc4739f751.js","3732","static/chunks/3732-b4853aba282fc112.js","1618","static/chunks/1618-e7baf1e43ee429c7.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","2899","static/chunks/2899-f47355abff505259.js","8615","static/chunks/8615-154d853688b96294.js","5079","static/chunks/5079-b66f961ca3feb755.js","5660","static/chunks/app/(main)/dashboard/page-ae7400de4958e6b9.js"],"default"]
8:I[59665,[],"MetadataBoundary"]
a:I[59665,[],"OutletBoundary"]
d:I[74911,[],"AsyncMetadataOutlet"]
f:I[59665,[],"ViewportBoundary"]
11:I[26614,[],""]
:HL["/_next/static/css/51692e3b2180fe3b.css","style"]
:HL["/_next/static/css/396f6a3b52675793.css","style"]
:HL["/_next/static/css/f0f6bddb2a7d6178.css","style"]
:HL["/_next/static/css/65c3207eb7f3b62b.css","style"]
:HL["/_next/static/css/6ee7fd9a0dc04a39.css","style"]
:HL["/_next/static/css/35799a7e41769567.css","style"]
:HL["/_next/static/css/9ccd49e0f4f32eb7.css","style"]
0:{"P":null,"b":"0xA0DfXv_h8bBmkXXEDrt","p":"","c":["","dashboard"],"i":false,"f":[[["",{"children":["(main)",{"children":["dashboard",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/51692e3b2180fe3b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","data-scroll":"0","children":[["$","head",null,{"children":[["$","link",null,{"rel":"icon","href":"/favicon.ico"}],["$","link",null,{"rel":"apple-touch-icon","sizes":"180x180","href":"/apple-touch-icon.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"32x32","href":"/favicon-32x32.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"16x16","href":"/favicon-16x16.png"}],["$","link",null,{"rel":"manifest","href":"/site.webmanifest"}],["$","link",null,{"rel":"mask-icon","href":"/safari-pinned-tab.svg","color":"#5bbad5"}],["$","meta",null,{"name":"msapplication-TileColor","content":"#da532c"}],["$","meta",null,{"name":"theme-color","content":"#fafafa","media":"(prefers-color-scheme: light)"}],["$","meta",null,{"name":"theme-color","content":"#2f2f2f","media":"(prefers-color-scheme: dark)"}],["$","meta",null,{"name":"robots","content":"noindex,nofollow"}]]}],["$","body",null,{"suppressHydrationWarning":true,"children":["$","$L2",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$L5",null,{}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}]]}],{"children":["(main)",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/396f6a3b52675793.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/f0f6bddb2a7d6178.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],"$L6"]}],{"children":["dashboard",["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[["$","$L7",null,{}],["$","$L8",null,{"children":"$L9"}],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/65c3207eb7f3b62b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/6ee7fd9a0dc04a39.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/35799a7e41769567.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/9ccd49e0f4f32eb7.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$La",null,{"children":["$Lb","$Lc",["$","$Ld",null,{"promise":"$@e"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","mwoK-oNER8sRV3ZCBLsEs",{"children":[["$","$Lf",null,{"children":"$L10"}],null]}],null]}],false]],"m":"$undefined","G":["$11","$undefined"],"s":false,"S":true}
12:I[93561,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","4497","static/chunks/4497-e0785fe3164e45e0.js","1228","static/chunks/1228-b0387ebc4739f751.js","2715","static/chunks/2715-afcb5178ccea4582.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","2899","static/chunks/2899-f47355abff505259.js","2076","static/chunks/app/(main)/layout-e2a38d1f613252fb.js"],"default"]
13:I[92171,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","4497","static/chunks/4497-e0785fe3164e45e0.js","1228","static/chunks/1228-b0387ebc4739f751.js","2715","static/chunks/2715-afcb5178ccea4582.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","2899","static/chunks/2899-f47355abff505259.js","2076","static/chunks/app/(main)/layout-e2a38d1f613252fb.js"],"default"]
14:I[34544,["3928","static/chunks/6dfc6103-ed7c2daace7d9c31.js","8471","static/chunks/8471-1ad0e8c20cc0d548.js","4497","static/chunks/4497-e0785fe3164e45e0.js","1228","static/chunks/1228-b0387ebc4739f751.js","2715","static/chunks/2715-afcb5178ccea4582.js","4887","static/chunks/4887-9d4b8bfbb8ae32e0.js","2899","static/chunks/2899-f47355abff505259.js","2076","static/chunks/app/(main)/layout-e2a38d1f613252fb.js"],"default"]
15:"$Sreact.suspense"
16:I[74911,[],"AsyncMetadata"]
6:["$","$L12",null,{"children":["$","main",null,{"className":"layout_layout__xesVA","children":[["$","nav",null,{"className":"layout_nav__g9Wep","children":["$","$L13",null,{}]}],["$","section",null,{"className":"layout_body__pGwWC","children":["$","$L14",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}]}]
9:["$","$15",null,{"fallback":null,"children":["$","$L16",null,{"promise":"$@17"}]}]
c:null
10:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
b:null
17:{"metadata":[["$","title","0",{"children":"Dashboard | Umami"}]],"error":null,"digest":"$undefined"}
e:{"metadata":"$17:metadata","error":null,"digest":"$undefined"}

Which Umami version are you using? (if relevant)

2.18.1

Which browser are you using? (if relevant)

Chrome 137.0.7151.104

How are you deploying your application? (if relevant)

Normal code files

[mikecao]

What is the actual error? I can't tell what these logs are supposed to indicate.

[1834423612]

What is the actual error? I can't tell what these logs are supposed to indicate.

This is a really weird error. Once I open https://domain.com/dashboard, it will automatically show that error(previous screenshot), and I cannot use any function.

And there's nothing output in the running log. All the errors were shown on the front-end page, just like that screenshot shows:(

Thank you so much for your help:)

[1834423612]

Was the issue SSR hydration or the Next.js App Router failing to render?

DNS is Cloudflare, already adding Nginx header config.
I'm trying to re-clone the master repo and build again by Yarn, at first start it works, but when I refresh the page, it shows again.

The issue occurs when opening the page:

Using yarn start:
Seems wrong starting format, should we change to node .next/standalone/server.js?

[mikecao]

That's just a warning, it should still start. What is your setup? Do you nginx or something in front?

[1834423612]

That's just a warning, it should still start. What is your setup? Do you nginx or something in front?

I'm using Nginx v1.26.3, Cloudflare CDN, and 宝塔面板(Bt Panel/aaPanel) to manage websites.

Here is the Nginx config for the Umami site(Same config file using more than a year, but only recently Umami shows the error):

server
{
    listen 80;
    listen 443 ssl;
    listen 443 quic;
    http2 on;
    server_name 12.xxxx.com 34.xxxxxx2.com;
    index index.html index.htm default.htm default.html;
    #root /www/wwwroot/umami;
    #CERT-APPLY-CHECK--START
    include /www/server/panel/vhost/nginx/well-known/umami.conf;
    #CERT-APPLY-CHECK--END


    #SSL-START SSL Config
    #error_page 404/404.html;
    ssl_certificate    /www/server/panel/vhost/cert/umami/fullchain.pem;
    ssl_certificate_key    /www/server/panel/vhost/cert/umami/privkey.pem;
    ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
    ssl_ciphers xxxxxxxxxxxxxxxxxxxxxxxxxxxx:!MD5;
    ssl_prefer_server_ciphers on;
    ssl_session_cache shared:SSL:10m;
    ssl_session_timeout 10m;
    add_header Strict-Transport-Security "max-age=31536000";
    add_header Alt-Svc 'quic=":443"; h3=":443"; h3-29=":443"; h3-27=":443";h3-25=":443"; h3-T050=":443"; h3-Q050=":443";h3-Q049=":443";h3-Q048=":443"; h3-Q046=":443"; h3-Q043=":443"';
    
    error_page 497  https://$host$request_uri;
    #HTTP_TO_HTTPS_START
    if ($server_port !~ 443){
        rewrite ^(/.*)$ https://$host$1 permanent;
    }
    #HTTP_TO_HTTPS_END
    #SSL-END

    #ERROR-PAGE-START 
    #error_page 404 /404.html;
    #error_page 502 /502.html;
    #ERROR-PAGE-END


    #REWRITE-START 
    include /www/server/panel/vhost/rewrite/node_umami.conf;
    #REWRITE-END

    location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md|package.json|package-lock.json|\.env) {
        return 404;
    }

    location /.well-known/ {
        root  /www/wwwroot/umami;
    }

    if ( $uri ~ "^/\.well-known/.*\.(php|jsp|py|js|css|lua|ts|go|zip|tar\.gz|rar|7z|sql|bak)$" ) {
        return 403;
    }


    location ~ /purge(/.*) {
        proxy_cache_purge cache_one $host$request_uri$is_args$args;
    }

    location / {
        proxy_pass http://127.0.0.1:3000;
        proxy_set_header Host $host:$server_port;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header REMOTE-HOST $remote_addr;
        add_header X-Cache $upstream_cache_status;
        proxy_set_header X-Host $host:$server_port;
        proxy_set_header X-Scheme $scheme;
        proxy_connect_timeout 30s;
        proxy_read_timeout 86400s;
        proxy_send_timeout 30s;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Forwarded-Port 443;
    }

    access_log  /www/wwwlogs/umami.log;
    error_log  /www/wwwlogs/umami.error.log;
}

[l-you]

I have the same issue since I started to use Nginx.