Boa tarde,

Estou com uma duvida e não encontrei uma solução pra isso. Tentei colocar o Carousel do Bootstrap, porém apareceu esse erro (property) JSX.IntrinsicElements.div: React.DetailedHTMLProps<React.HTMLAttributes, HTMLDivElement>

e aparece o erro nas div do carrousel.

import React from 'react';


const Banner = () => {

    return (
        <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="..." class="d-block w-100" alt="...">
    </div>
                    <div class="carousel-item">
                        <img src="..." class="d-block w-100" alt="...">
    </div>
                        <div class="carousel-item">
                            <img src="..." class="d-block w-100" alt="...">
    </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
    );

}

export default Banner;

Como faço pra resolver isso?

Att,