urgent! Need help to insert script in head only for a specific component #13644

sambhav-gore · 2020-06-01T20:22:56Z

sambhav-gore
Jun 1, 2020

Hi,

In short here is my setup:

index page
-> load landing component if user is not logged in
-> load dashboard component if user is logged in

this works fine.

I wanted to add a script in HEAD only for the landing component which I added as following (that works too)

<Head>
      <script
          // eslint-disable-next-line react/no-danger
          dangerouslySetInnerHTML={{
            __html: `
                the script I need
             `,
          }}
        />
</Head>

the problem is that when someone goes from Landing to Login and then is logged in, then I need to remove the script from the head.
(it is a script that adds a third-party chat widget on the page and I don't want it showing on dashboard / when user is logged in)

How do I do this?
The actual component is unmounted when the user is logged in but the script in head still remains.
A hard page refresh solves the issue.

Answered by sambhav-gore

Jun 1, 2020

Well I think I found a way to solve it

View full answer

sambhav-gore · 2020-06-01T20:30:58Z

sambhav-gore
Jun 1, 2020
Author

Well I think I found a way to solve it

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

urgent! Need help to insert script in head only for a specific component #13644

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

urgent! Need help to insert script in head only for a specific component #13644

Uh oh!

sambhav-gore Jun 1, 2020

Replies: 1 comment

Uh oh!

sambhav-gore Jun 1, 2020 Author

sambhav-gore
Jun 1, 2020

sambhav-gore
Jun 1, 2020
Author