Render More than one ads with same sizeMapping values

[IsmaelMiber]

I have to render ads in a slider so the first slide only render and the other didn't, it only render first one only
any help in it ?

Code:
`<Slider
className="slider row"
{...settings}
prevArrow={}
nextArrow={}
>

<GPT
id="div-gpt-ad-1536488522928-0"
type="filmStrip"
adUnitPath="/58320291/cbc_sofra_desktop/Filmstrip_test"
sizeMapping={[
{ viewport: [0, 0], slot: [320, 480] },
{ viewport: [480, 0], slot: [480, 320] },
{ viewport: [768, 0], slot: [768, 1024] },
{ viewport: [1024, 0], slot: [1024, 768] }
]}
/>

        <div className="ads__element">
          <GPT
            targeting={{ "Film-Strip" : "Video" }}
            id="div-gpt-ad-1543922261963-0"
            type="filmStrip"
            adUnitPath="/58320291/cbc_sofra_desktop/Filmstrip_test"
            sizeMapping={[
              { viewport: [0, 0], slot: [320, 480] },
              { viewport: [480, 0], slot: [480, 320] },
              { viewport: [768, 0], slot: [768, 1024] },
              { viewport: [1024, 0], slot: [1024, 768] }
            ]}
          />
        </div>
    </Slider>`