// The Notification isn't working anywhere in the react project. // The tutorial I've been following has Alert.info() to show the popup,but in the new version of rsuite(https://rsuitejs.com/components/overview/) the Alert isn't available anymore. // So as an alternative, I tried using but there's no notification popup showing at all. import React from 'react'; import { Button, Divider, Drawer, Placeholder } from 'rsuite'; import Notification from 'rsuite/Notification'; import { useProfile } from '../../context/profile.context'; import { database } from '../../misc/firebase'; import EditableInput from '../EditableInput'; import AvatarUploadBtn from './AvatarUploadBtn'; import ProviderBlock from './ProviderBlock'; function Dashboard({ onSignOut }) { const { profile } = useProfile(); const onSave = async newData => { const userNicknameRef = database .ref(`/profiles/${profile.uid}`) .child('name'); try { await userNicknameRef.set(newData); // Alert.success('Nickname has been updated', 4000); ; } catch (err) { // Alert.error(err.message, 4000); ; } }; return ( <> Dashboard

Hey, {profile.name}

Nickname} /> ); } export default Dashboard;

[React] components/dashboard/index.js