Rendering a Component outside of Provider should fail with meaningful error

[miroslavstastny]

Bug Report

Steps

Create a new application, create a component (<Button />) without wrapping that by <Provider>.

Expected Result

Component rendering fails with meaningful error (or warning)

Actual Result

Component dom renders, no styles are applied 💣

Version

0.9.1

[kuzhelov]

as an alternative to Expected result, we might consider to add support for default theme, so that the following elements tree, without being wrapped by Provider component, will be rendered with default styles applied:

import { Button } from '@stardust-ui/react'

export const App = () => <Button />

Could we, please, mention the arguments against introducing default theme here, just to reconsider them. At the same time, agree that showing warning/error message is a good first step in either case.

[hughreeling]

What type of error is appropriate - console errors seems ok - but sometimes hard to find. Message on screen very visible, but could be hugely annoying too...

[bmdalex]

@miroslavstastny @kuzhelov @hughreeling
what about something like this?

created a PR for it, #378

EDIT:.
Unfortunately all tests will fail by doing it like this..