title: How to set initial state for ngrx store application
body: <p>I am new to ngrx and am trying to manage my state with it.In my application, every agent(staff) have a group of customers that are tied to him/her. I am trying to set the initial state of each agent objects and i don't know how.</p>
  <pre><code>import { createReducer } from &quot;@ngrx/store&quot;;
  import { Cursor } from &quot;../../../models/cursor&quot;;
  import { Customer } from &quot;../../../models/customer&quot;;
  
  export interface State {
    agent_customer: {
      [agentId: number]: {
        customer: Customer[];
        cursors: Cursor;
        total: number;
        loading: boolean;
        errorMessage: string;
        items_per_page: number;
        pageSizeOptions: number[];
        pageIndex: number;
        searchKey: string;
      };
    };
  }
  
  </code></pre>
  <p>Each agent object should have some initial state.</p>
  <p>something like this</p>
  <pre><code>export const initialState: State = {
    agent_customer: {
      1: {
        customer: [],
        cursors: {
          after: &quot;&quot;,
          before: &quot;&quot;,
          hasNext: false,
          hasPrevious: false,
        },
        total: 0,
        loading: false,
        errorMessage: null,
        items_per_page: 2,
        pageSizeOptions: [2, 3, 5, 10, 15],
        pageIndex: 0,
        searchKey: &quot;&quot;,
      },
    },
  };
  </code></pre>
  <p><strong>Edit: This is an example of what should be in the store if all goes well.</strong></p>
  <pre><code>agent_customer: {
      198282: {
        customer: [],
        cursors: {
          after: &quot;&quot;,
          before: &quot;&quot;,
          hasNext: false,
          hasPrevious: false,
        },
        total: 0,
        loading: false,
        errorMessage: null,
        items_per_page: 2,
        pageSizeOptions: [2, 3, 5, 10, 15],
        pageIndex: 0,
        searchKey: &quot;&quot;,
      },
      165436: {
        customer: [],
        cursors: {
          after: &quot;&quot;,
          before: &quot;&quot;,
          hasNext: false,
          hasPrevious: false,
        },
        total: 0,
        loading: false,
        errorMessage: null,
        items_per_page: 2,
        pageSizeOptions: [2, 3, 5, 10, 15],
        pageIndex: 0,
        searchKey: &quot;&quot;,
      },
      981342: {
        customer: [],
        cursors: {
          after: &quot;&quot;,
          before: &quot;&quot;,
          hasNext: false,
          hasPrevious: false,
        },
        total: 0,
        loading: false,
        errorMessage: null,
        items_per_page: 2,
        pageSizeOptions: [2, 3, 5, 10, 15],
        pageIndex: 0,
        searchKey: &quot;&quot;,
      },
    },
  </code></pre>
  <p>What i want is to be able to set the initial state of each subsequent object i add to the store.</p>