how to change the color and font-family in react info banner-CodePudding

 const updateProject = () => {
    const project = formik.values;
  
    if (JSON.stringify(initialValues || initialValues.apk ) == JSON.stringify(project)) {
      childalert.info(`No changes were done to the ${project.projectName} project`);

      // props.func("closePopup");
      return null;
    }

how to change the color and font family of text 'No changes were done to the project'

CodePudding user response：

import

import { Provider as AlertProvider } from 'react-alert'

then,

childalert.show(<div style={{ 'color': 'blue', 'fontFamily':'arial' }}>
                No changes were done to the ${project.projectName} project
                </div>)