Hydrogen, Headless, and Storefront APIs

Legz444 · ‎11-25-2021

I am fetching from the Storefront API and at first my products were coming through. But since adding new products, only some are showing. I am positive they are all set to Active on the dashboard. Just can't figure out why some show and others do not. I am using js in react. No errors are showing. Any ideas?

class Store extends Component {
      // create a constructor for the component
  constructor(){
    super();
  //set initial state of the application
    this.state ={
      isCartOpen: false,
      checkout: { lineItems: [] },
      products: [],
      collection: [],
      shop: {}
    };
  // set each of the functions to this state with bind()

  this.handleCartClose = this.handleCartClose.bind(this);
  this.addItemToCart = this.addItemToCart.bind(this);
  this.updateQuantityInCart = this.updateQuantityInCart.bind(this);
  this.removeLineItemInCart = this.removeLineItemInCart.bind(this); 
}

  // create functions

    componentWillMount() {
        this.props.client.checkout.create().then((res) => {
            this.setState({
                checkout: res
            });
        });
        this.props.client.product.fetchAll().then((res) => {
            this.setState({
                products: res
            });
            console.log(this.state.products);
        });
        this. props.client.shop.fetchInfo().then((res) => {
            this.setState({
                shop: res
            });
        });
    }