I created a component that has six images but when compiling my code I get the following error.
AndthisismysourcecodefortheImovelPhotoscomponent
importReactfrom'react';functionImovelPhotos(){return(<divclass="col s12 m3 l3">
<div class="card hoverable">
<div class="card-image">
<a href="#">
<img class="responsive-photo " src={require("assets/img/imb/_imagem1-min.jpg")} />
</a>
</div>
</div>
</div>
<div class="col s12 m3 l3">
<div class="card hoverable">
<div class="card-image">
<a href="#">
<img class="responsive-photo" src={require("assets/img/imb/_imagem2-min.jpg")} />
</a>
</div>
</div>
</div>
<div class="col s12 m3 l3">
<div class="card hoverable">
<div class="card-image">
<a href="#">
<img class="responsive-photo " src={require("assets/img/imb/_imagem3-min.jpg")} />
</a>
</div>
</div>
</div>
<div class="col s12 m3 l3">
<div class="card hoverable">
<div class="card-image">
<a href="#">
<img class="responsive-photo " src={require("assets/img/imb/_imagem4-min.jpg")} />
</a>
</div>
</div>
</div>
<div class="col s12 m3 l3">
<div class="card hoverable">
<div class="card-image">
<a href="#">
<img class="responsive-photo " src={require("assets/img/imb/_imagem5-min.jpg")} />
</a>
</div>
</div>
</div>
<div class="col s12 m3 l3">
<div class="card hoverable">
<div class="card-image">
<a href="#">
<img class="responsive-photo" src={require("assets/img/imb/_imagem6-min.jpg")} />
</a>
</div>
</div>
</div>
<div class="col s12 m3 l3">
<div class="card hoverable">
<div class="card-image">
<a href="#">
<img class="responsive-photo " src={require("assets/img/imb/_imagem7-min.jpg")} />
</a>
</div>
</div>
</div>
<div class="col s12 m3 l3">
<div class="card hoverable">
<div class="card-image">
<a href="#">
<img class="responsive-photo " src={require("assets/img/imb/_imagem8-min.jpg")} />
</a>
</div>
</div>
</div>
)
}
export default ImovelPhotos;