title: Lazy load and object array instead of a component?
body: <p>i am doing a reactjs app with material-ui and i have seen many examples of reacjs lazy loading components.. but i have an array of GridListTile objects from material-ui that i load into a Gridlist component, this GridListTile array is the result of an array.map() im calling..</p>
  
  <p>i already tried putting the Suspense in the GridList and in the array.map() i return every GridListTile inside a lazy() call but obviously its not working as it expects a component etc...</p>
  
  <p>this is my GridList:</p>
  
  <pre><code>           &lt;Paper style={{ margin: 25, padding: 25 }}&gt;
              &lt;GridList
                spacing={10}
                cols={5}
                cellHeight="auto"
              &gt;
                &lt;Suspense fallback={&lt;div&gt;Loading...&lt;div&gt;}
                {this.state.collectionList}
                &lt;/Suspense&gt;
              &lt;/GridList&gt;
            &lt;/Paper&gt;
  </code></pre>
  
  <p>and this is my array.map() where i return the content of this.state.collectionList</p>
  
  <pre><code>            const tempCollectionList = res.data.map(item =&gt; {
              return (
                lazy.(() = (
                &lt;GridListTile key={item._id}&gt;
                    &lt;img
                      src={item.pathToImage}
                      alt={item.title}
                    /&gt;
                &lt;/GridListTile&gt;
              ));
            });
            this.setState({
              collectionList: tempCollectionList
            });
  </code></pre>
  
  <p>but i just get errors, a lot, something like those not being react components and a lot of other error.. point is it does not load, for obvious reasons, lazy loading is for components only</p>
  
  <p>but how can i achieve lazy loading for an array of objects??
  i have more than 100 tiles in this.state.collectionList.</p>