gistfile1.jsx

function Recommendations({ cartValue }) {
  const { nextCartValue } = useNextCartValue();

  return (
    // Products with prices that do not exceed ${nextCartValue}
  );
}

function App({ api }) {
  const nextCartValue = api.getNextCartValue();

  return (
    <UserIntentGraphProvider
      userIntentGraphClient={userIntentGraphClient}
      user={api.getUser()}
    >
      <Recommendations nextCartValue={nextCartValue} />
    </UserIntentGraphProvider>
  );
}