https://github.com/orkon/gatsby-css-issue

Repository to reproduce the issue with css not being updated for server-rendered code
https://github.com/orkon/gatsby-css-issue

Last synced: 2 months ago
JSON representation

Repository to reproduce the issue with css not being updated for server-rendered code

• Host: GitHub
• URL: https://github.com/orkon/gatsby-css-issue
• Owner: OrKoN
• License: mit
• Created: 2019-08-21T19:47:48.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T15:47:01.000Z (almost 2 years ago)
• Last Synced: 2023-04-09T19:07:11.288Z (over 1 year ago)
• Language: CSS
• Size: 4.14 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# issue summary

when the links are conditionally rendered sometimes class names are not applied to them correctly on the initial page load in production

## steps to reproduce

1. check out this repo

2. npm run build

3. cd public && http-server .

4. open the page and you will see a login link rendered on top

5. set a flag to local storage `localStorage.setItem("test", true)`

6. reload the page

### Expected results:

Since the links depend on the value in the local storage, you expect to see Account and Logout links with correct class names

### Actual results:

You see Account and Logout links but if you check the class name of the Account link, you will see that it says "login". Also the href tag is not updated.