Would like to render a UI component when the jira issue is created

[Sharanappagouda Amatigoudr]

I would like to render UI component whenever jira issue is created
this is the index.jsx file however the below code neither rendering UI nor throughing any error

import ForgeUI, { render, ModalDialog, Text } from "@forge/ui";

export async function run(event, context) {

  const issueKey = event.issue.key;

  console.log("event.issue.key", event.issue.key);

  const modalContent = (

    <ModalDialog header="New Jira Issue Created" size="medium">

      <Text>{`A new Jira issue with key ${issueKey} has been created.`}</Text>

    </ModalDialog>

  );

 return  render(modalContent);
}

[Sharanappagouda Amatigoudr]

could anyone plz give some context or assistance