Data from the observable is always undefined

Question

I have a service which return observables of an object array

allFruits: Fruit[] = [
    {
      id: "1",
      name: "fruit 1"
    },
    {