(React) VK Mini Apps в цикле отображаются только первый элемент

Делаю мини приложение в вк, но у меня что-то не получается сделать скролл карточек, показывает только первый элемент. в чем может быть проблема?

JavaScript:

 import React, {useState} from "react"; 
import {AppRoot, 
        Panel, 
        View, 
        Div, 
        CardScroll, 
        Card, 
        Group} from '@vkontakte/vkui'; 
import '@vkontakte/vkui/dist/vkui.css'; 
 
export default function MainPage(){ 
 
    const [nowPanel, setNowPanel] = useState(1) 
    const Slider = () => { 
        for (let i = 1; i < 15; i++) { 
            return ( 
                <Card>text number {i}</Card> 
            ) 
        } 
    } 
 
    return ( 
        <AppRoot> 
            <Div> 
                <View activePanel={nowPanel} > 
                    <Panel id={1}> 
 
                        <CardScroll> 
                            <Slider/> 
                        </CardScroll> 
 
                    </Panel> 
                </View> 
            </Div> 
        </AppRoot> 
    ) 
}