Blazor WASM Script tags should not be placed inside components because they cannot be updated dynamically. Move the script tag to the index.html file – SEO

I’m developing a .Net 6 Blazor Wasm app. I need to place <script type="application/ld+json"> inside each landing page component for SEO benefits.

I’m already making use of <HeadContent> to add other <meta> and <link> tags. So I decided to use the same component for this purpose.

However when I place the <script> tag inside <HeadContent>, I’m getting the compilation error as follows,

Script tags should not be placed inside components because they cannot
be updated dynamically. To fix this, move the script tag to the
‘index.html’ file or another static location.

To workaround this issue, I added my script tag as string text inside <HeadContent> as shown below,

@page "/"
@inject NavigationManager NavigationManager

<HeadContent>
   @($@"<script type=""application/ld+json"">
        {{
            ""@context"": ""https://schema.org"",
            ""@type"": ""WebSite"",
            ""publisher"": {{
                ""@type"": ""Organization"",
                ""name"": ""Page Name"",
                ""url"": ""{NavigationManager.BaseUri}"",
                ""logo"": {{
                    ""@type"": ""ImageObject"",
                    ""url"": ""{NavigationManager.BaseUri}favicon.ico"",
                    ""width"": 16,
                    ""height"": 16
                }}
            }},
            ""url"": ""{NavigationManager.BaseUri}"",
            ""mainEntityOfPage"": {{
                ""@type"": ""WebPage"",
                ""@id"": ""{NavigationManager.BaseUri}""
            }},
            ""description"": ""some good description about the page""
        }}
    </script>")
</HeadContent>

But this renders the script as text inside head tag in browser as shown in below screenshot:

Will this affect SEO benefits or is there any better way to handle this? Please assist.