title: How to typify a nested object?
body: <p>How to typify a nested object?</p>
  
  <p><a href="https://i.stack.imgur.com/IKh8S.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p><strong><em>Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ UA: {}; RU: {}; }'.
    No index signature with a parameter of type 'string' was found on type '{ UA: {}; RU: {}; }'.  TS7053</em></strong></p>
  
  <pre><code>interface IState {
    showInfo: any,
    priceVariantIndex: any,
    loaded: any,
    imgLoaded: any,
    imgUrl: any,
    selectedCutlery: any,
    product: any,
  }
  
    state = {
      showInfo: false,
      priceVariantIndex: 0,
      loaded: false,
      imgLoaded: false,
      imgUrl: '',
      selectedCutlery: '',
      product: {
        productTranslations: {
          UA: {},
          RU: {}
        }
      }
    }
  
        &lt;Link to={linkObject}&gt;
          {this.props.language &amp;&amp;
          this.state.product.productTranslations[`${this.props.language}`]
            .name != undefined
            ? this.state.product.productTranslations[
                `${this.props.language}` // err
              ].name
            : product.name}
        &lt;/Link&gt;
  </code></pre>