I'm feeling a bit lost here. I have a main component that is subscribing to and fetching data (I'm using the redux dev tools to monitor it and it's updating the state as needed). In component A, I am doing:
public FDC$ = this.store.pipe(select(fromRoot.getFDC));
Then in the template for the parent component, I'm passing FDC$ to a child component like this:
<app-order-list [fdc]="(FDC$ | async)"></app-order-list>
In the child component, I have fdc as an input.
When I try to console.log the fdc, it returns null but in the redux dev tools, it shows the correct state. It seems like the data isn't being sent from parent to child.
Edit: Adding selector
Root:
export const getCurrent= (state: State) => state.current;
export const getFDC= createSelector(current, state => state.FDC);
(In the root index, I call current so I can just use fromRoot.getFDC)