Not rendering code

[jordyvandomselaar]

When using those component with the following code:

import CodeMirror from "react-codemirror2"
import "codemirror/lib/codemirror"
import "codemirror/lib/codemirror.css"
import "codemirror/mode/php/php"
import "codemirror/theme/material.css"

const Editor = () => (
    <CodeMirror
        value='<h1>I ♥ react-codemirror2</h1>'
        options={options}
        onChange={(editor, metadata, value) => {
        }}
    />
)

All I get is a grey screen that I can't do anything with.

There's no code inside, and clicking it doesn't do anything either.

But I still cannot edit code, nor does it render the value it was given.

[scniro]

Any errors? What is options? Looks undefined to me. Are you importing your resources correctly? Lots to diagnose here...

[jordyvandomselaar]

Ah, yeah, forgot to add that;

const options = {
    mode: 'php',
    theme: 'material',
    lineNumbers: true
}

[scniro]

@jordyvandomselaar hmm I checked on my end with this basic setup, and all works. Could you spin up a quick repo that reproduces this? I'll be happy to help you out I just am not seeing an issue on my side at the moment

[scniro]

@jordyvandomselaar closing for now - please re-open if you are able to provide any more details