reactjs - Chakra UI: paddingLeft スタイル プロップは、VStack で 10 を超える値に対して予期しない結果をもたらす

Question

HTML/Javascript/React は初めてです。これは私のコード例です。React.createElement で 4 つの Text 要素を作成し、それらを VStack に追加しています。これらの Text 要素には、それぞれ 0、5、10、15 に設定された paddingLeft スタイル prop があります。VStack がレンダリングされると、paddingLeft が 15 に設定された最後の Text 要素の左パディングが正しく表示されません。何が間違っている可能性がありますか？paddingLeft として設定している数値は、パーセンテージ/10 として解釈されるはずですか?

test() {
    const h1 = React.createElement(
        Text,
        {paddingLeft: 0},
        'Hi'
    );

    const h2 = React.createElement(
        Text,
        {paddingLeft: 5},
        'Hi'
    );

    const h3 = React.createElement(
        Text,
        {paddingLeft: 10},
        'Hi'
    );

    const h4 = React.createElement(
        Text,
        {paddingLeft: 15},
        'Hi'
    );

    return React.createElement(
        VStack,
        {align:"left"},
        [h1, h2, h3, h4]
    );
}

ブラウザ出力