Please check if your PR fulfills the following requirements:
[x] Tests for the changes have been added (for bug fixes / features)
[ ] Docs have been reviewed and added / updated if needed (for bug fixes / features)
[x] Build (npm run build) was run locally for affected output targets
[x] Tests (npm test) were run locally and passed
[x] Prettier (npm run prettier) was run locally and passed
Pull request type
Please check the type of change your PR introduces:
[x] Bugfix
[ ] Feature
[ ] Code style update (formatting, renaming)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] Documentation content changes
[ ] Other (please describe):
What is the current behavior?
If you apply a style property to a React component, Stencil SSR would not propagate it because 1: the property value is not a primitive and 2: the property value is not known to Stencil.
What is the new behavior?
Handle style properties separately and transform the style object into a css string.
Pull request checklist
Please check if your PR fulfills the following requirements:
npm run build) was run locally for affected output targetsnpm test) were run locally and passednpm run prettier) was run locally and passedPull request type
Please check the type of change your PR introduces:
What is the current behavior?
If you apply a style property to a React component, Stencil SSR would not propagate it because 1: the property value is not a primitive and 2: the property value is not known to Stencil.
What is the new behavior?
Handle
styleproperties separately and transform the style object into a css string.Does this introduce a breaking change?
Other information
n/a