[UIKit] InlineEdit Errors When Placed Inside DynamicTable Cells

Forge
1

Placing a InlineEdit component inside the content of a Cell in a table produces a invalid component error. Has anyone else seen this?

image
image583×577 28.5 KB

2

@Zishan could you provide more details about how your table cell is constructed? Just some element pseudo-code for trying to reproduce.

3

@nmansilla Hi Neil, below is somewhat edited version but the overall layout is the same. Note that I have tested other components like Box and Textfield which make the table work fine but once i add InlineEdit with any properties(i sent minimal example i tried below also) it breaks with the error above.

<DynamicTable
  caption="some text"
  head={head}
  isLoading={!data.length}
  rows={data.map((item, index) => ({
    key: `row-${index}`,
    cells: [
      {
        key: `unique-key`,
        content: <Link href="">{item.id}</Link>
      },
      {
        key: 'unique-key',
        content: (
          <InlineEdit
            defaultValue={item.x}
            onConfirm={console.log}
          />
        )
      },
      {
        key: 'unique-key',
        content: item.x
      },
      {
        key: 'unique-key',
        content: item.y
      },
      {
        key: 'unique-key',
        content: item.z
      }
    ]
  }))}
  rowsPerPage={5}
  highlightedRowIndex={[0]}
/>
4

@nmansilla Hi Neil, any luck with this yet by any chance