Troubleshooting
Web Portal
Why does the homepage show a "Cannot read properties of undefined (reading 'light')" error?
5 min
summary a "cannot read properties of undefined (reading 'light')" error can occur when loading the activate homepage in this scenario, an invalid value is configured in the type parameter of an article within the alert folder the issue is resolved by correcting the type value to a supported, case sensitive option symptoms when browsing to the activate homepage, the page fails to load correctly browser developer tools display an error similar to cannot read properties of undefined (reading 'light') the issue typically occurs on first load of the homepage cause articles in the alert folder use a type parameter to control styling and visual presentation if the type parameter contains an unsupported or incorrectly cased value the ui theme cannot resolve the required palette setting the homepage fails during rendering the allowed values are case sensitive and must be one of the following error warning info success resolution correct the type parameter value on the affected article steps open activate studio navigate to the alert folder identify the article with the invalid type parameter update the type value to one of the supported case sensitive options error warning info success save the change refresh the homepage verification after correcting the value the homepage loads without javascript errors no "cannot read properties of undefined (reading 'light')" error appears in browser developer tools prevention when creating or editing alert articles ensure the type parameter uses only supported, lower case values avoid custom or differently cased values, as they are not recognised by the ui theme