Cannot read properties of undefined (reading 'themeDefs') TypeError: Cannot read properties of undefined (reading 'themeDefs')

[brashidnia-og]

Constantly getting an undefined on the current(state) call here https://github.com/cosmology-tech/interchain-ui/blob/02de661f1de495c98e4700149ad14a06c3795ae2/src/models/store.ts#L120

leading to an undefined error on the currentState.themeDefs @ L123, but I am passing in a valid themeDefs to the ThemeProvider. I have no idea what is causing the state to not be set properly

    <ThemeProvider
      defaultTheme='dark'
      themeDefs={[
        {
          name: 'CUSTOM',
          vars: {
            font: {
              body: 'font-size: 100px;',
            },
            fontSize: {
              sm: '200px',
              md: '240px',
              lg: '200px',
            },
          },
        },
      ]}
      customTheme='CUSTOM'
    > 

[brashidnia-og]

Similarly, if i have my css with

html {
  font-size: 62.5%;
}

this seems to break the interchain-ui visuals. Is the theme provider font configuration able to override the interchain ui to be 100% to counter the 62.5% on the main css?

[yyyyaaa]

@brashidnia-og thanks for reporting, will fix asap

[brashidnia-og]

Regarding the undefined errors for the themeDefs i was seeing, I was using a create-react-app project, and then switched to use Vite instead and it was no longer an issue. Hopefully that helps, but I know create-react-app is no longer recommended/maintained to use, so not sure if the compatibility is expected.

I ended up switching my app from using 62.5% to use 100% font-size since I was unable to find a solution to the scaling via ThemeProvider