bug: milestone alignment is off

[SgtPooki]

from slack thread: https://filecoinproject.slack.com/archives/C0418TBQ9CH/p1669991912016049

example roadmaps that are showing inaccurate milestones:

• drand 2023 Roadmap drand/roadmap#1 - starmaps link
• Retriev.org cryptonetlab/roadmap#22 - starmaps link

[SgtPooki]

Note that milestone card accuracy is fine (i.e. as accurate as we can get until #237 ) when running locally in dev mode:

But not on starmaps.app:

I believe this is related to the dev-only react "strict mode" configuration which is causing more renders than normally happens in production mode

[SgtPooki]

Confirmed the issue is related to multiple-renderings. See screenshot with reactStrictMode: false when running dev mode locally:

What does this mean, is this issue fixable?

Yes, the issue is fixable. Some state changes are happening that are not being listened to appropriately. The data is updated with strictMode=true, the milestone positioning is accurate, but some async updates are not resulting in another render cycle when they should.

ETA for fix: EOD 2022-12-05

[AnomalRoil]

@SgtPooki The first milestone on drand roadmap is still not at the right place: it's ending on 2022-12-31 and yet is rendered as ending on 2023-03-31 on your last screenshot.