title: Property 'joiner' does not exist on type '{}'
body: <p>Trying to set state is tsx but I get this error returned when I try open data from json.</p>
  <p><code>Property 'joiner' does not exist on type '{}'. TS2339</code></p>
  <p>Here is the component (removed useless code)</p>
  <pre><code>
  import Player from '../components/Player'
  
  import listingData from '../libs/listingData'
  
  const Battle = () =&gt; {
      const [loading, setLoading] = useState(false);
      const [creatorState, setCreator] = useState({ health: 100, animate: false, recieve: false });
      const [opponentState, setOpponent] = useState({ health: 100, animate: false, recieve: false });
      const [data, setData] = useState({});
  
      const loadBattle = () =&gt; {
          setLoading(true);
          const id = parseInt((window.location.pathname).replace(&quot;/battle/&quot;, &quot;&quot;));
          setData(listingData[id])
  
          setLoading(false);
          setTimeout(() =&gt; triggerAttack(&quot;creator&quot;), 5000);
      }
  
      useEffect(() =&gt; {
          loadBattle();
      }, [])
  
      return (
          &lt;Root&gt;
              &lt;Player 
                  weakness={loading ? '' : data.joiner.weakness} //Error triggered here
                  image=&quot;&quot;
                  status=&quot;filled&quot;
                  price={2352.54}
                  health={`${creatorState.health}%`}
                  creator={false}
                  recieve={creatorState.recieve}
                  animate={creatorState.animate}
                  loading={loading}
              /&gt;
          &lt;/Root&gt;
      )
  }
  
  export default Battle
  </code></pre>
  <p>The Player component props are all set the any</p>
  <p>example of object in json</p>
  <pre><code>        price: 5251.52,
          status: 'filled',
          creator: {
              weakness: 'wind',
              address: '',
              image: '',
          },
          joiner: {
              weakness: 'water',
              address: '',
              image: '',
          },
      },
  </code></pre>
  <p>Im pretty new to typescript so I am not familiar with types, its saying i dont have enough details so this is what im writing.</p>