Integrate sweetalert2-react-content about sweetalert2-react

[zenflow]

@hipstersmoothie Like I said here sweetalert2/sweetalert2-react-content#2 (comment)

You can use one, or the other, or (with a pending PR to sweetalert2-react, see zenflow#1) both.

[zenflow]

Issue is in my fork because of zenflow#2

[hipstersmoothie]

Okay now that i'm at a computer i can see all that. In my opinion this package is the perfect place to use your package to render the react content. As a user of the react component I would expect it to render react components out of the box without having to configure your package as well.

Trying to get them to both working together this is what I have so far but it's not working:

import SweetAlert from 'sweetalert2-react'
import withReactContent from 'sweetalert2-react-content'
import 'sweetalert2/dist/sweetalert2.css'

const MySweetAlert = withReactContent(SweetAlert)

class Item extends Component {
  state = {
    modalOpen: false,
  }

  render() {
    return (
      <MySweetAlert
        show={this.state.modalOpen}
        text={<h1> Some Text </h1>}
        onConfirm={() => this.setState({ modalOpen: false })}
      />
    )
  }
}

I also tried

import SweetAlert from 'sweetalert2-react'
import withReactContent from 'sweetalert2-react-content'
import 'sweetalert2/dist/sweetalert2.css'

class Item extends Component {
  state = {
    modalOpen: false,
  }

  render() {
    return (
      <SweetAlert
        show={this.state.modalOpen}
        text={withReactContent(<h1> Some Text </h1>)}
        onConfirm={() => this.setState({ modalOpen: false })}
      />
    )
  }
}

(these both are note complete working components, just representations of what i did elsewhere)

Any suggestions on how to get them to play well together?

[zenflow]

Any suggestions on how to get them to play well together?

@hipstersmoothie Yeah, read the comments on zenflow#1 and make the necessary PR here. I'll review. And hopefully @alex-shamshurin will merge.