React Slick с пользовательским интерфейсом Chakra с использованием Flex создает переполнение на 1000 %. ⇐ CSS

[Anonymous]

Итак, я пытаюсь создать карусель, используя react-slick внутри поля, которое всегда центрируется по экрану независимо от разрешения,
вот мой код:

Код: Выделить всё

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;

и я заметил, что всякий раз, когда вы пытаетесь использовать его с VStack, Center или Flex, его ширина по горизонтали или overflowX превышается на 1000 % вправо, вы можете это проверить на изображении ниже
p>


so хм, почему это происходит и что мне следует знать, чтобы не вызывать этого в будущем?

Подробнее здесь: https://stackoverflow.com/questions/793 ... ow-by-1000