Display skeleton before render

[haaarshsingh]

I'm having a bunch of layout shift because this editor renders in after the rest of my components. How can I know if it has loaded or not so I can display a skeleton or something?

[jaywcjlove]

@harshhhdev Do you need an effect like this? I think this requires implementation on your part.

<Skeleton loading={loading}>
     <CodeMirror value={goLang} height="200px" extensions={[StreamLanguage.define(go)]} />
</Skeleton>

[haaarshsingh]

@jaywcjlove yessir, exactly like that. How should I go about making the loading implementation myself though? 🤔

[jaywcjlove]

Do I need to add a componentDidMount prop?