I keep on clicking on the button but nothing is popping up. no errors in the console.
Code
import { MantineProvider, Text, Button, Stack } from "@mantine/core";
import { showNotification, updateNotification } from '@mantine/notifications';
import { theme } from "./theme";
export default function App() {
return (
<MantineProvider theme={theme} withGlobalStyles withNormalizeCSS>
<Stack align="center" mt={50}>
<Text size="xl" weight={500}>
Welcome to Mantine!
</Text>
<Button
variant="outline"
onClick={() => {
console.log('hi')
showNotification({
id: 'load-data',
loading: true,
title: 'Loading your data',
message: 'Data will be loaded in 3 seconds, you cannot close this yet',
autoClose: false,
disallowClose: true,
});
}}
>
Show update notification
</Button>
</Stack>
</MantineProvider>
);
}