Bug/Adding second product triggers error

[jaepass]

error:

{"error":{"type":"not_found","message":"This product doesn't have this variant option."},"status_code":404}

To reproduce:

• go into a product detail page from the collection page, select a product and add a variant to cart (item is updated in cart)
• go back to collection page and select another product to add to cart (item is updated in cart)
• scroll down from current product detail page to a product card under suggested product and add that product to cart (item is not added to cart and triggers an error because previous initial state is not there)

Reason:

• getStaticProps pages which are all the product detail pages in [permalink] are being executed at compile time and not able to get state from getInitialProps (different context)
  ref: https://github.com/kirill-konshin/next-redux-wrapper#app-and-getserversideprops-or-getstaticprops-at-page-level

• At this stage I'm not still not really sure how to go about hydrating the client state while directly navigating from one product detail page to another