title: Get value undefined when trying access object from react state
body: <p>I'm trying to get object value from state using use redux useSelector,the object has json field that return undefined when access it.</p>
  <p>ConfigurationValueJson is json object</p>
  <pre><code>export interface ConfigurationValueJson {
   source: SourceJson;
   elastic: ElasticJson;
   sites: SiteJson;
  }
  export interface SourceJson {
    source_id: 200,
    application_client_id: string;
  }
  export interface ElasticJson {
    workplace_source: string;
    workplace_source_id: string;
  }
  export interface SiteJson {
    site_name: string;
    drives: string;
  }
  </code></pre>
  <p>Then I construct json data and add it to String json field (value field)</p>
  <p>const configurationValueJson:  ConfigurationValueJson={
  source: sourceJson,
  elastic: data,
  sites: siteJson
  };</p>
  <pre><code>const newConfiguration = {
                  id: 0,
                  serviceId: 0,
                  sourceId: 0,
                  key: &quot;100jk00&quot;,
                  value: JSON.stringify(configurationValueJson),
                  dataType: &quot;asdasdd&quot;,
                  domain: &quot;aasddda&quot;,
                  status: &quot;ddddssa&quot;,
                  createdBy: &quot;sssssss&quot;,
                  createdDate: &quot;&quot;,
                  lastModifiedBy: &quot;&quot;,
                  lastModifiedDate: &quot;&quot;,
                };
  </code></pre>
  <p>the newConfiguration added to state, now i'm trying to retrieve it using useSelector</p>
  <pre><code>const currentConfiguration = useSelector((state: RootStateOrAny) =&gt; 
                        state.configuration.configurationObj.value);
  </code></pre>
  <p>the configurationValueJson printed</p>
  <pre><code>console.log(configurationValueJson)   
  </code></pre>
  <p>but get undefined when trying to get source
  console.log(configurationValueJson.source)</p>