UDGrid layout designer error

PowerShell Universal
1 
Product: PowerShell Universal
Version: 3.5.4

Planning a new page and was checking out the grid layout designer to build it. I copied this code

New-UDGridLayout -Content { 1..10 | ForEach-Object { New-UDPaper -Id "Paper$" -Content { New-UDTypography -Text $ } -Elevation 5 } } -Design

from here

Dropped it into a blank dashboard that runs as a page. (Green selection in nav

image
image834×577 14.4 KB

As soon as I load the page it pops up with the json copy dialog.

image

Clicking OK or Cancel brings me to a page with a single paper object instead of the expected 10. I can drag that object side to side, but when I try to expand it I get an error

grid

Error rendering component (ud-grid-layout)
TypeError: Cannot read properties of undefined (reading 'y')

    at ReactGridLayout (https://UD.Domain.local/TechDev/vendors-node_modules_react-grid-layout_index_js-node_modules_react-grid-layout_css_styles_css-0dae1f.ee208df897901b60901d.bundle.js:4497:5)
    at ResponsiveReactGridLayout (https://UD.Domain.local/TechDev/vendors-node_modules_react-grid-layout_index_js-node_modules_react-grid-layout_css_styles_css-0dae1f.ee208df897901b60901d.bundle.js:5569:5)
    at WidthProvider (https://UD.Domain.local/TechDev/vendors-node_modules_react-grid-layout_index_js-node_modules_react-grid-layout_css_styles_css-0dae1f.ee208df897901b60901d.bundle.js:6118:7)
    at highOrderComponent (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:59745:55)
    at ErrorBoundary (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:57800:197)
    at Suspense
    at main
    at UDPage (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:55160:23)
    at highOrderComponent (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:59745:55)
    at Route (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:96765:29)
    at Switch (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:96971:29)
    at div
    at Suspense
    at highOrderComponent (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:59745:55)
    at Suspense
    at InnerThemeProvider (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:50426:70)
    at ThemeProvider (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:48764:5)
    at ThemeProvider (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:50446:5)
    at StyledEngineProvider (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:48949:5)
    at n (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:109825:58)
    at https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:109825:1060
    at Dashboard (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:58725:22)
    at Route (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:96765:29)
    at Switch (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:96971:29)
    at div
    at Router (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:96396:30)
    at BrowserRouter (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:96021:35)
    at App (https://UD.Domain.local/TechDev/index.4be08a5e57755c516370.bundle.js:56973:197)
2

hmm…

could it be:
PS C:> 1…3 | ForEach-Object {“paper$”}
paper$
paper$
paper$
PS C:>
PS C:> 1…3 | ForEach-Object {“paper$_”}
paper1
paper2
paper3

a missing ‘_’ ?