Override built-in notification messages

Hello!

I would like to use the built-in notification provider but pass my own messages and description. I've checked the "Fine Foods" example as guidance, and I can pop up my own notification.

The problem is that current notifications still show up.

For example, for my login implementation in the auth provider

import { notification } from "antd";

try {

... login logic here 

} catch (error: any) {
      notification.error({ message: "Login failed", description: error.response.data.message})
      return {
        success: false,
        redirectTo: '/login'
      }
    }

import { notification } from "antd";

try {

... login logic here 

} catch (error: any) {
      notification.error({ message: "Login failed", description: error.response.data.message})
      return {
        success: false,
        redirectTo: '/login'
      }
    }

import { notification } from "antd";

try {

... login logic here 

} catch (error: any) {
      notification.error({ message: "Login failed", description: error.response.data.message})
      return {
        success: false,
        redirectTo: '/login'
      }
    }

import { notification } from "antd";

try {

... login logic here 

} catch (error: any) {
      notification.error({ message: "Login failed", description: error.response.data.message})
      return {
        success: false,
        redirectTo: '/login'
      }
    }

I only want to show the first notification (see screenshot). Do I need to create a notification provider from scratch?

Override built-in notification messages

Similar Threads

Similar Threads

Similar Threads