Render without any style,And there is a warning

[danceli]

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]

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"
  }

[GwenythIO]

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

json-schema-viewer/.storybook/preview.jsx

Lines 20 to 29 in e620432

	injectStyles();
	return (
	<MosaicProvider>
	<Box mx="auto" py={20} px={8} style={{ maxWidth: 800 }}>
	<Story />
	</Box>
	</MosaicProvider>
	);
	};

I am also running into the error:

warning
[DEPRECATED]: use useSetAtom from jotai instead.

[robbieaverill]

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]

For reference, I've also raised the Jotai deprecation issue separately: #259

[johnboy-leeds]

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

json-schema-viewer/.storybook/preview.jsx

Lines 20 to 29 in e620432

injectStyles();

return (

<Box mx="auto" py={20} px={8} style={{ maxWidth: 800 }}>



);
};
I am also running into the error:

warning
[DEPRECATED]: use useSetAtom from jotai instead.

Thank you for this example, I was hitting a brick wall trying to figure out how to get the styling in.

[NINGyv179]

@bulentozdil I had a similar problem and was able to add styles by following this example:
json-schema-viewer/.storybook/preview.jsx
Lines 20 to 29 in e620432
injectStyles();
return (

<Box mx="auto" py={20} px={8} style={{ maxWidth: 800 }}>

);
};
I am also running into the error:

warning
[DEPRECATED]: use useSetAtom from jotai instead.

Thank you for this example, I was hitting a brick wall trying to figure out how to get the styling in.

Can you use this component now? I have also encountered the same style problem. Could you please tell me what to do?

---oh，I successfully rendered it after using import {injectStyles} from '@stoplight/mosaic' injectStyles()