Внешняя ссылка с MUI GridActionsCellItem

Question

Я разрабатываю приложение с использованием MUI, и у меня есть сетка данных MUI с информацией о пользователе, такой как номер телефона и адрес электронной почты. Проблема, с которой я сейчас сталкиваюсь, заключается в том, что я могу выполнить действия по открытию почтового клиента для отправки электронной почты или приложения для телефона для набора номера (например, «mailto: [ email protected] », «tel: [phone]»).

Пока это мой код

      {
    field: 'actions', type: 'actions', width: 120, getActions: (params) => [
                <GridActionsCellItem
                    icon={<EditIcon />}
                    label="Edit User"
                    onClick={() => {
                        navigate("/admin/users/" + params.row.email)
                    }}
                />,
                <GridActionsCellItem
                    icon={<DeleteIcon />}
                    label="Deactivate User"
                    onClick={() => {
                        setDeactivateUser(params.row)
                        handleDeactivateUserDialogOpen()
                    }}
                />,
                <GridActionsCellItem
                    icon={<EmailIcon />}
                    label="Send E-mail"
                    href={"mailto:" + params.row.email}
                    showInMenu
                />,
                <GridActionsCellItem
                    icon={<PhoneIcon />}
                    label="Call"
                    href={"tel:" + params.row.phone_number}
                    showInMenu
                />
            ]
},

Я также пробовал использоватьLinkотreact-router-domчерезLinkComponentно это не сработало

Вот скриншот для справки
.