react-terminal-component
react-terminal-component copied to clipboard
No style with ReactDOMServer
Hello, I'm using ReactTerminal with ReactDOMServer, my main component looks like this:
import React, { Component } from "react"
import ReactTerminal, { ReactThemes } from "react-terminal-component"
export default class App extends Component {
render() {
return (
<div>
<ReactTerminal />
</div>
)
}
}
And then I render it on the page using ReactDOMServer.renderToString(<App />)
. Tho, there's no style:
Can anyone help me? Thanks
I have a very similar behavior found:
Different Browsers
Chrome:
After a reload is is displayed as desired.
Firefox:
Even with reload, this doesn't change.
Suspected reason
- This could be related to this firefox issue.
- The only display after reload isn't clear to me yet.
UPDATE: When not using a theme = in the TerminalApp, then this issue isn't present. Searching for a workaround for theming now.