title: My BehaviorSubject not working as expected and does not seem to call "next"
body: <p>I have a Clip Service:</p>
  <pre><code>export class ClipService {
  
      allClips: Clip[] = [];
      private clips = new BehaviorSubject&lt;Clip[]&gt;(null);
  
      constructor(private http: HttpClient) {
          this.loadClips();
      }
  
      private fetchClips(body?: string): Observable&lt;Clip[]&gt; {
          let url = myurl/clips;
          try {
              return this.http.get&lt;Clip[]&gt;(url);
          } catch (e) {
              console.error('Error fetching clips: ' + e);
          }
          
      }
  
      loadClips(): void {
          this.fetchclips().subscribe(allClips =&gt; this.allClips = allClips);
          this.setClips(this.allClips);
      }
  
      getClips(): Observable&lt;Clip[]&gt; {
          return this.clips.asObservable();
      }
  }
  </code></pre>
  <p>and a ClipComponent.ts where I cosume the service like this:</p>
  <pre><code>ngOnInit(): void {
      this.clipService.getClips().subscribe(clips =&gt; {
          this.allClips = clips;
          this.clips = this.allClips;
  
          console.log(this.clips);
          this.populateFilters(this.clips);
      });
  }
  </code></pre>
  <p>Even though a call to the API is triggered and there are around 200 clips returned, the console.log in the component always logs an empty array.</p>
  <p>What am I missing here?</p>