Добавить значок материала в сообщение React-Toastify

Question

Это код, определенный в одной папке. Я пытаюсь добавить сюда значок материала. Но он показывает ошибку

React 'должно быть в области действия при использовании JSX

import { toast } from 'react-toastify';
import ErrorIcon from '@material-ui/icons/Error';

const Alert = (type, message) => {
    switch (type) {
        case 'warning':
            return toast.warning(message)
        case 'error':
            return toast.error(<div><ErrorIcon/> {message}</div>) // look this line
        case 'success':
            return toast.success(message)
        case 'info':
            return toast.info(message)
        case 'dark':
            return toast.dark(message)
        default:
            return toast(message)
    }
}
export default Alert;

Доступ к такому коду ...

import Alert from '../utils/toster.js';

Alert('error', 'Try Again')

Answer 1

Пожалуйста, импортируйте реакцию поверх вашего файла, который использовал JSX.

import React from 'react'