So, in the attachments as you can see, when I run production build from my computer the title is normal: <the page title> | Scout Blog but instead, when I upload and build my code on my VPS and open the website, there's this <!-- --> in between the page title and the |.
This is where I define the title:

<title>{post.title} | Post Blog</title>

I'm 100% sure that its not inside post.title (also because its an object rendered from getServerSideProps, from a database request).
How do I solve this issue?