notification plugin not working on linux mint | Tauri Apps | Page 1

Just straight up followed the automatic installation : https://tauri.app/plugin/notification/

(I've confirmed that my linux mint notifications work and are enabled as I get them everyday and I am able to trigger them manually using the terminal...)

I made a new project, installed the plugin, pasted the code but it is simply not working :

import { useState } from "react";
import reactLogo from "./assets/react.svg";
import { invoke } from "@tauri-apps/api/core";
import "./App.css";

import {
  isPermissionGranted,
  requestPermission,
  sendNotification,
} from '@tauri-apps/plugin-notification';
// when using `"withGlobalTauri": true`, you may use
// const { isPermissionGranted, requestPermission, sendNotification, } = window.__TAURI__.notification;


function App() {
  const [greetMsg, setGreetMsg] = useState("");
  const [name, setName] = useState("");

  async function greet() {
    // Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
    setGreetMsg(await invoke("greet", { name }));
  }



  async function notify() {
    // Do you have permission to send a notification?
    let permissionGranted = await isPermissionGranted();
    
    // If not we need to request it
    if (!permissionGranted) {
      const permission = await requestPermission();
      permissionGranted = permission === 'granted';
    }
    
    // Once permission has been granted we can send the notification
    if (permissionGranted) {
      sendNotification({ title: 'Tauri', body: 'Tauri is awesome!' });
    }
    console.log("PERMISSION GRANTED FOR NOTIFICATIONS ? : ", permissionGranted);
  }

  return (
    <main className="container">
      <h1>Welcome to Tauri + React</h1>

      <div className="row">
        <a href="https://vitejs.dev" target="_blank">
          <img src="/vite.svg" className="logo vite" alt="Vite logo" />
        </a>
        <a href="https://tauri.app" target="_blank">
          <img src="/tauri.svg" className="logo tauri" alt="Tauri logo" />
        </a>
        <a href="https://reactjs.org" target="_blank">
          <img src={reactLogo} className="logo react" alt="React logo" />
        </a>
      </div>
      <p>Click on the Tauri, Vite, and React logos to learn more.</p>

      <form
        className="row"
        onSubmit={(e) => {
          e.preventDefault();
          greet();
          notify();
        }}
      >
        <input
          id="greet-input"
          onChange={(e) => setName(e.currentTarget.value)}
          placeholder="Enter a name..."
        />
        <button type="submit">Greet</button>
      </form>
      <p>{greetMsg}</p>
    </main>
  );
}

export default App;

Is this happening to anyone else ? How can i fix this

Tauri

Notifications

Send native notifications to the user.

#notification plugin not working on linux mint