Access Context From Inline Block Not Working in Edit Mode

I’m trying to access a custom context inside of an Inline Block component, this works outside of Edit mode but does not work when in Edit mode (products undefined). I feel like I’m missing something simple, below is my example setup:

import { useProductsContext } from '../../context/products'

export function ProductsList() {

    const productsContext = useProductsContext()
    const [products, setProducts] = useState(productsContext)

    const parsedProducts = products.map(product => JSON.parse(product.content))

    return(

        <div className="relative -top-12">
            {parsedProducts.map((product, index) => (
                ...Some more code here 
            ))}

        </div>
    )

}

export const productsBlock = {
    Component: ({ index }) => (
      <BlocksControls index={index}>
        <ProductsList />
      </BlocksControls>
    ),
    template: {
        label: 'Product List',
        defaultItem: {},
        fields: [],
    },
}