React lua errors when creating multiple children

so im working in a plugin and needed to make one main frame using instance new cuz widget cant be found as a valid instance but when i try to put 3 children into it it throws errors after i changed the size it sudenly eroored

	CreateRoot = function(Styles)
		--print(Styles.Theme.color3)

		--local Styles = SD.Memory.Styles
		return React.createElement(React.Fragment, nil, {
			React.createElement("Frame", {
				Name = "Top";
				BackgroundColor3 = Styles.Theme.color3;
				Size = UDim2.new(1,0,0,50);
				LayoutOrder = 1
			});
			React.createElement("Frame", {
				Name = "Main";
				Size = UDim2.new(1,0,1,0);
				LayoutOrder = 2
			});
			React.createElement("UIListLayout", {
				HorizontalFlex = Enum.UIFlexAlignment.Fill;
				VerticalFlex = Enum.UIFlexAlignment.Fill;
				SortOrder = Enum.SortOrder.LayoutOrder
			})
		})

	end,
local root = ReactRoblox.createRoot(uiContainer)
		root:render(React.createElement(CUI.CreateRoot(SD.Memory.Styles), {}, {}))