How to use the sweetalert2-react-content function in sweetalert2-react-content

import React, {Component} from 'react';
import {Card, Button, CardHeader, CardBody, Alert, Row, Col, Label} from 'reactstrap';
import {NavLink} from 'react-router-dom'
import { MonetizationOn, SkipPrevious, SkipNext, Description } from '@material-ui/icons';
import api from '../../api';
import catcherror from '../../util/catcherror';
import Swal from 'sweetalert2'
import withReactContent from 'sweetalert2-react-content'

const alertSW= withReactContent(Swal); 

export default class RecordList extends Component{
    constructor(props){
        super(props);
        this.state={
            record:[],
            results:0,
            totalPages:1,
            currentPage:1,
            lastpage:1,
            carregando:false
        };
    };

    async componentDidMount(){
        this.load();

DropdownMenu,
  DropdownToggle,
  Row,
} from 'reactstrap';

import {
  onUnloadAction,
  onClickDeleteAction,
  onLoadAction,
  onLoadRequestAction,
} from './actions';

import reducer from './reducer';
import injectReducer from 'utils/injectReducer';

const MySwal = withReactContent(Swal);

const title = 'Want To Delete ?';
const content =
  'This Permission will be deleted permanently and cannot be undone';

class List extends Component {
  constructor(props) {
    super(props);

    this.state = {
      dropdownOpen: false,
      sorted: [],
      page: 0,
    };
    this.loadPermissionData();

import React, {Component} from 'react';
import {Card, Button, CardHeader, CardBody, Alert, Row, Col, Label} from 'reactstrap';
import { Receipt, SkipPrevious, SkipNext } from '@material-ui/icons';
import {NavLink} from 'react-router-dom'
import api from '../../api';
import catcherror from '../../util/catcherror';
import Swal from 'sweetalert2'
import withReactContent from 'sweetalert2-react-content'

const alertSW= withReactContent(Swal); 

export default class ResolutionList extends Component{
    constructor(props){
        super(props);
        this.state={
            resolutions:[],
            results:0,
            totalPages:1,
            currentPage:1,
            lastpage:1,
            carregando:false
        };
    };

    async componentDidMount(){
        this.load();

DropdownMenu,
  DropdownToggle,
  Row,
} from 'reactstrap';

import {
  onUnloadAction,
  onClickDeleteAction,
  onLoadAction,
  onLoadRequestAction,
} from './actions';

import reducer from './reducer';
import injectReducer from 'utils/injectReducer';

const MySwal = withReactContent(Swal);

const title = 'Want To Delete ?';
const content = 'This User will be deleted permanently and cannot be undone';

class List extends Component {
  constructor(props) {
    super(props);

    this.state = {
      dropdownOpen: false,
      sorted: [],
      page: 0,
    };
    this.loadUserData();

    this.toggle = this.toggle.bind(this);

import React, {Component} from 'react';
import {Card, Button, CardHeader, CardBody, Alert, Row, Col, Label} from 'reactstrap';
import { SkipPrevious, SkipNext, Event} from '@material-ui/icons';
import {NavLink} from 'react-router-dom';
import api from '../../api/index.js';
import catcherror from '../../util/catcherror';
import Swal from 'sweetalert2'
import withReactContent from 'sweetalert2-react-content'

const alertSW= withReactContent(Swal);


export default class ScheduleList extends Component{
    constructor(props){
        super(props);
        this.state={
            schedule:[],
            results:0,
            totalPages:1,
            currentPage:1,
            lastpage:1,
            carregando:false
        };
    };

    async componentDidMount(){

import React, {Component} from 'react';
import {NavLink} from 'react-router-dom'
import {Card, Button, CardHeader, CardBody, Alert, CardImg, Row, Col, Label} from 'reactstrap';
import { SkipPrevious, SkipNext, Person } from '@material-ui/icons';
import api from '../../api';
import catcherror from '../../util/catcherror';
import Swal from 'sweetalert2'
import withReactContent from 'sweetalert2-react-content'

const alertSW= withReactContent(Swal); 

export default class ResolutionList extends Component{
    constructor(props){
        super(props);
        this.state={
            advisor:[],
            results:0,
            totalPages:1,
            currentPage:1,
            lastpage:1,
            carregando:false
        };
    };

    async componentDidMount(){
        this.load();

import React, {Component} from 'react';
import {Card, Button, CardHeader, CardBody, Alert, Row, Col, Label} from 'reactstrap';
import {NavLink} from 'react-router-dom'
import { MonetizationOn, SkipPrevious, SkipNext, Description } from '@material-ui/icons';
import api from '../../api';
import catcherror from '../../util/catcherror';
import Swal from 'sweetalert2'
import withReactContent from 'sweetalert2-react-content'

const alertSW= withReactContent(Swal); 

export default class NoticeList extends Component{
    constructor(props){
        super(props);
        this.state={
            notice:[],
            results:0,
            totalPages:1,
            currentPage:1,
            lastpage:1,
            carregando:false
        };
    };

    async componentDidMount(){
        this.load();