[Bug] Uncaught TypeError: Cannot redefine property: color

[ClementNerma]

Hi!

I'm currently encountering a blocking error in one of my projects. Here is the code:

export const SideNav: Component<SideNavProps> = (props: SideNavProps) => {
  return (
    <List>
      <ListItem disablePadding>
        <ListItemButton>
          <ListItemText primary="Hello" />
        </ListItemButton>
      </ListItem>
    </List>
  )
}

This generates the following error at runtime:

dev.js:1283 Uncaught TypeError: Cannot redefine property: color
    at Function.defineProperties (<anonymous>)
    at mergeProps (dev.js:1283:14)
    at sx (extendSxProp.jsx:12:24)
    at get sx [as sx] (extendSxProp.jsx:21:20)
    at createStyled.jsx:20:29
    at Array.reduce (<anonymous>)
    at Object.fn (createStyled.jsx:14:36)
    at runComputation (dev.js:693:22)
    at updateComputation (dev.js:676:3)
    at createMemo (dev.js:238:10)

Any idea what's causing this?

I'm using Solid v1.6.0 and SUID v0.6.3.

EDIT: Seems like the error is triggered by ListItemText. If I remove it, everything works fine.

[juanrgm]

I'm looking into it.

There are problems with SolidJS 1.6, downgrade to 1.5.

[juanrgm]

I caught the bug and reported it (solidjs/solid#1301).

[juanrgm]

Another issue was reported with SolidJS 1.6.1 (solidjs/solid#1344).

[juanrgm]

Closed via fe655f7.