stoplightio / json-schema-viewer

A JSON Schema viewer React component
Apache License 2.0
183 stars 37 forks source link

Render without any style,And there is a warning #217

Open danceli opened 1 year ago

danceli commented 1 year ago

environment: "react": "^17.0.2", "react-dom": "^17.0.2",

"@stoplight/json-schema-viewer": "4.5.0", "@stoplight/markdown-viewer": "^5", "@stoplight/mosaic": "^1.24.4", "@stoplight/mosaic-code-viewer": "^1.24.4",

warning [DEPRECATED]: use useSetAtom from jotai instead.

bulentozdil commented 1 year ago

I'm currently getting this warning and does not render properly. environment:

 "dependencies": {
    "@stoplight/json-schema-viewer": "^4.9.0",
    "eslint": "8.40.0",
    "eslint-config-next": "13.4.1",
    "next": "13.4.1",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  }

Screenshot 2023-05-11 at 14 45 04

GwenythIO commented 1 year ago

@bulentozdil I had a similar problem and was able to add styles by following this example:

https://github.com/stoplightio/json-schema-viewer/blob/e620432eb4c2e442c02c3b00cd97bb237e11f309/.storybook/preview.jsx#L20-L29

I am also running into the error:

warning
[DEPRECATED]: use useSetAtom from jotai instead.
robbieaverill commented 5 months ago

Hi Spotlight team, the theming (or even just getting default styles to display) aspect of using this module seems a little tricky and undocumented - some insight would be great. I realise that Mosaic appears to be a deliberately unlicensed design system. Are there other solutions, e.g. customisation of components within the viewer?

robbieaverill commented 5 months ago

For reference, I've also raised the Jotai deprecation issue separately: https://github.com/stoplightio/json-schema-viewer/issues/259