Unexpected error while rendering a code component

Developer Support
1

Hi Guys,
Receiving an unexpected error while rendering a code component.

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `PlasmicTest`.

I have tested the following scenarios.

  1. Manually rendering the same composition of Code Components works fine.
           <TableContext columns={columns} data={data}>
            <div>
              <TableFilter columnAccessor="col1" filterDataKey="label">
                <TextInput />
              </TableFilter>
            </div>
            <Table>
              <TableHead>
                <TableHeadRow>
                  <TableHeadCell />
                </TableHeadRow>
              </TableHead>
              <TableBody>
                <TableRow>
                  <TableCell>
                    <TableCellText />
                  </TableCell>
                </TableRow>
              </TableBody>
            </Table>
          </TableContext>
  1. Using the same composition of Code Components in Plasmic Studio and then syncing the code throws the error shared above.
2

It’s resolved :white_check_mark:

It was a silly mistake. I was using a wrong import name in registration process, which ends up importing an undefined component.

3

Hahaha, get some sleep!

4

Hahahah