[URGENT] react-toast is injected to DOM by default causes multiple web app using Style UI 2.x to fail on load about tonic-ui

[gsaran]

As an update to the previous comment by @joyfulelement, I further extended the exact import to be used for each component and not just theme. For instance, an application using multiple components like Box, Menu, MenuList etc. needs to do exact import for each component:

import Box from '@trendmicro/react-styled-ui/Box'; 
import Menu from '@trendmicro/react-styled-ui/Menu'; 
import MenuList from '@trendmicro/react-styled-ui/Menu/MenuList';

Although, it makes code bit clumsy but it's a temporary fix for now to avoid injection of Toast element into the DOM.

[cheton]

Resolved in 2a90d3f

It will be available in v0.8 or a later release.

[roth1002]

Try

import theme from '@trendmicro/react-styled-ui/theme';

[joyfulelement]

Try

import theme from '@trendmicro/react-styled-ui/theme';

Thanks @roth1002. Our team have tried this but didn't work. I've copied the email reply from the developer about this in case you didn't receive it:

I tried the solution that you suggested to use exact import for the theme. But still getting same error. 
I tried adding styled-guide to both Cloud One Header and Landing page apps and do imports as suggested.
 
I also tried using the recommended setup (https://trendmicro-frontend.github.io/styled-ui/getting-started) in Landing which doesn’t require any explicit import for theme. 
Even in that case, same error is thrown. 

[cheton]

Fixed in 0.8.0