defaultTitle not used on initial page load

[tacomanator]

Defining titleTemplate in a default config file works fine as I browse around the site. However, the first page load seems to ignore the template and display just the title as is. I create an example repository to demonstrate:

https://github.com/tacomanator/nextjs-nextseo-defaulttitle

Here is an animation of the problem. Notice how the title is missing "| MySite" initially, and on reload.

Note: I may be doing things a little differently. titleTemplate is defined, as per the website example titleTemplate: "%s | MySite", in a config file used by <DefaultSeo />. However, rather than using <NextSeo /> directly on each page, I use it on a shared Layout component, which receives and forward a title prop.

[modbender]

I had this problem before but I forgot how I solved it, I'm not sure but try putting DefaultSeo before Component in _app.js?

[tacomanator]

@modbender that did the trick thank you! Not sure if this should be considered working as is and maybe include a note in the docs about the order of DefaultSeo and Component, or as a bug?

[garmeeh]

@tacomanator a pull request to add a note to the docs about this would be awesome 😅

DefaultSeo must come before Componentdue to the behavior of next internals.

[modbender]

I think it's about time this is closed.