React Slick mit Chakra-Benutzeroberfläche unter Verwendung von Flex erzeugt einen Überlauf von 1000 % ⇐ CSS

[Anonymous]

Ich versuche also, mit react-slick ein Karussell in einem Feld zu erstellen, das unabhängig von der Auflösung immer zentriert auf dem Bildschirm ausgerichtet ist.
Hier ist es mein Code:

Code: Select all

import { Box, Center, Flex, Heading } from "@chakra-ui/react";
import React from "react";
import Slider from "react-slick";

const App = () => {
const setting = {
dots: false,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
};
return (







600 x 400


{/* Slide 2 */}


600 x 400







);
};

export default App;

Und mir ist aufgefallen, dass jedes Mal, wenn Sie versuchen, es mit VStack, Center oder Flex zu verwenden, seine horizontale Breite oder sein OverflowX um 1000 % nach rechts hinausschießt. Sie können dies im Bild unten überprüfen.


so ähm, warum das passiert und was sollte Ich weiß, dass ich das in Zukunft nicht mehr verursachen soll?