Giter Club home page Giter Club logo

Comments (6)

arnaudbreton avatar arnaudbreton commented on July 17, 2024

Hi @epayet, thanks for reporting. We'll look into it and come back to you with a solution.

Thanks for your patience!

from mjml.

iRyusa avatar iRyusa commented on July 17, 2024

Hi @epayet ,

If mj-product is empty, content is empty so the engine crash. I'll try to fix it today

from mjml.

epayet avatar epayet commented on July 17, 2024

Hi,

Sorry to reopen this issue but the bug isn't resolved even with the version 1.2.0
I made a small repo with the reproduction of this bug: https://github.com/epayet/mjml-bug-component

I cannot see why it is still happening. Could you look into it?
I am happy to help. Thanks

from mjml.

iRyusa avatar iRyusa commented on July 17, 2024

Ok, I figured out what happen: When giving a non-react element to a mjText that depends on mjContent it will crash.

Thank you very much for taking the time to do a repository to reproduce the bug ! I'll try to get a fix for a next release !

from mjml.

rogierslag avatar rogierslag commented on July 17, 2024

Cool that would be awesome, I ran into exactly the same issu. A slight adjustment to the mjContent method solved it

    mjContent() {
      const content = this.state.getIn(['elem', 'content']);
      if ( content ) {
        return _.trim(content)
      }
      return React.Children.map(this.props.children, child => {
        if (typeof child === 'string') {
          return child;
        }
        return ReactDOMServer.renderToStaticMarkup(child)
      })
    }

from mjml.

iRyusa avatar iRyusa commented on July 17, 2024

👍 @rogierslag if you can open a PR would be so cool ! :)

from mjml.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.