npm install polaris-react-toaster

yarn add polaris-react-toaster

// App.jsx

import React from 'react';
import { ToastProvider } from 'polaris-react-toaster';
import MyComponent from './MyComponent';

function App() {
  return (
    <ToastProvider>
      <MyComponent />
    </ToastProvider>
  );
}

export default App;

// MyComponent.jsx
import React from 'react';
import { Button } from '@shopify/polaris';
import { useToast } from 'polaris-react-toaster';

const MyComponent = () => {
  const { addToast } = useToast();

  const showToast = () => {
    addToast({
      content: "Hello! This is a toast message.",
      action: {
        content: "undo",
        onAction() {
          console.log("undo clicked");
        },
      },
      duration: 10000,
    });
  };

  return (
    <div>
      <Button onClick={showToast}>Show Toast</Button>
    </div>
  );
};

export default MyComponent;