Error rendering grid_page

[buenogi]

This is what I was going when this error happened...

Ui-Tree at error:

{
  "id": "grid_page",
  "namedArgs": {
    "layout": [
      "header  header",
      "sidebar       "
    ],
    "row_sizes": [
      "100px",
      "1fr"
    ],
    "col_sizes": [
      "250px",
      "1fr"
    ],
    "gap_size": "10px"
  },
  "children": [
    {
      "id": "grid_card",
      "namedArgs": {
        "area": "sidebar"
      },
      "children": [
        {
          "id": "card_header",
          "namedArgs": {},
          "children": [
            {
              "id": "checkboxGroupInput",
              "namedArgs": {
                "inputId": "myCheckboxGroup",
                "label": "Checkbox Group",
                "choices": {
                  "choice a": "a",
                  "choice b": "b"
                }
              }
            },
            {
              "id": "textNode",
              "namedArgs": {
                "contents": "Settings"
              }
            }
          ]
        },
        {
          "id": "card_body",
          "namedArgs": {},
          "children": [
            {
              "id": "selectInput",
              "namedArgs": {
                "inputId": "cut",
                "label": "Cut of Diamond",
                "choices": {
                  "Fair": "Fair",
                  "Good": "Good",
                  "Very_Good": "Very Good",
                  "Premium": "Premium",
                  "Ideal": "Ideal"
                },
                "selected": "Ideal",
                "width": "100%"
              }
            },
            {
              "id": "textNode",
              "namedArgs": {
                "decoration": "italic",
                "contents": "Select the cut of the diamond you want to view the carat size distribution for."
              }
            }
          ]
        }
      ]
    },
    {
      "id": "grid_card_text",
      "namedArgs": {
        "area": "header",
        "content": "Diamonds!",
        "alignment": "start",
        "is_title": false
      }
    },
    {
      "id": "grid_card",
      "namedArgs": {
        "area": ""
      },
      "children": [
        {
          "id": "card_header",
          "namedArgs": {},
          "children": [
            {
              "id": "textNode",
              "namedArgs": {
                "contents": "Interactive Plot"
              }
            }
          ]
        },
        {
          "id": "card_body",
          "namedArgs": {},
          "children": [
            {
              "id": "plotlyOutput",
              "namedArgs": {
                "outputId": "plot",
                "width": "100%",
                "height": "100%"
              }
            }
          ]
        }
      ]
    }
  ]
}

Selection path: __Path to node at error:__