HTML <a> tags not rendering on successful netlify deploy, but rendering locally

[rd825]

My React app is building successfully on Netlify but the deployed site is not rendering certain buttons ( tags) that are rendering locally. My node version is the same locally and on Netlify.

Note the app expects a UTM parameter called share, so you can use this test link if needed: Pathpoint Referral Program

Image of deployed version, the tags nested inside div .buttons are not appearing on the page, but show up in the html.

Gyazo

Image of local version:

Gyazo

When I go into the Chrome web inspector on my deployed site and delete the hrefs in my tags, the buttons appear. I’m not sure why that would be the case, but I need the hrefs so that the buttons direct to the right place on click.

[coelmay]

Hi @rd825

Can you please share the URL for the Netlify site.

[rd825]

Sorry about that - here it is: https://sharepathpoint.netlify.app/

That will prompt you for a “share link” so you can use the following to test:
sharepathpoint.netlify.app/?share=pathpoint.insure/rahul-desai

[coelmay]

Thanks @rd825

As below, I can see the three buttons.

[perry]

i can also see exactly what coel sees, @rd825 .

is there any chance you have extensions running in your browser that might be interfering? does it appear correctly in an incognito window? it seems like this is maybe not a netlify issue.

[rd825]

Thanks @coelmay and @perry - my adblocker was the culprit! I didn’t even think about it

[coelmay]

Keep in mind that anyone else who runs an adblocker is going to have the same issue. This is then a usability issue you will need to remedy (people won’t turn off adblockers just to use the site necessarily.)

[perry]

it actually happens very frequently that extensions cause very unpredictable behaviour~ you wouldn’t believe how many times people spend so much time debugging only for it to be a rogue extension that messes things up…

we always recommend testing with a clean browser or tab to be sure!