react-live

react-live copied to clipboard

Misnamed Widget lags application with "Error Boundary" in console

1

After misnaming a passed in variable to the ``, I get the following errors: 1. ``` Uncaught ReferenceError: widget_name is not defined at eval (eval at evalCode (react-live.es.js:291), :4:65) at...

caelinsutch

The `as` is being linted unlike normal text even when it is inside a simple `` tag. https://react-live.netlify.app/  Is there any solution for it?

markcnunes

Accessing the preview's ref

2

My code that is being ran in the `` of _React-Live_ is a definition of a React-extended class. Like for example: ``` class Example extends React.Component { constructor() { this.state...

MaximeTroiano

Hi!, I've been trying to make an editor that renders both Markdown syntax and JSX components at the same time using Next.js following this tutorial https://mdxjs.com/guides/live-code But it seems like...

andresburns

I am using `react-live` in a Gatsby website with MDX. If I use the same component in the MDX code and in the ReactLive, the component in ReactLive iframe does...

varya

Using Styled Components with interpolated values produces mangled CSS

2

👋 I love this project! Super handy in our live docs. Thank you to all contributors. I'm following [your example](https://github.com/FormidableLabs/react-live#how-does-the-scope-work) on how to make Styled Components work with Live Preview....

stefcameron

codemirror withlive

1

hi I am look for examples on how to pass withlive into a textarea. I am rendering react html email to html and i would like to be able to...

mickeygray

Hi, I know it's not possible to use imports in the editor. Was wondering if it's possible to customize the error message in case the user tries to import something....

slorber

Extra line rendered to the end

2

Every code editor rendered creates a new line in the end. Code like this (the ` `` is just to avoid syntax breaking here): ```html ```jsx live=true 9 99+ `...

estevanmaito

I would prefer that users be forced to scroll left-to-right, instead of awkwardly wrapping lines that exceed the viewport. Wrapping makes the code look less like Javascript, IMO. I know,...

aleclarson