How Apollo store cache exactly works?

[mxrguspxrt]

We have query

  userData {
    id
    profileData {
      id
      name
    }
    moneyData {
      id
      currency
      amount
    }
  }

If profileData is loaded by component1 and moneyData is loaded by component2 with following queries:

First component1 loads:

  userData {
    id
    profileData {
      id
      name
    }
  }

Then a second component2 loads:

  userData {
    id
    moneyData {
      id
      currency
      amount
    }
  }

Expected result

Both components have their data.

Real result

profileData for component1 will be null.

Is this normal behaviour? What I am doing wrong?

[hwillson]

Yes this is normal behavior, but it's definitely unfortunate. apollo-client 2.6.0 helps address this with the help of the returnPartialData option, and PR #4743 helps explain the issue (and fix). We'll be revisiting this in a future (breaking) version of Apollo Client.