استفاده از generic arrow function در فایل های JSX

در صورت تعریف ارو فانکشن جنریک با یک پارامتر جنریک در تایپ اسکریپت با خطای زیر مواجه می شویم:

       JSX element 'X' has no corresponding closing tag.
    

برای حل این مشکل کافی است بعد از پارامتر جنریک یک ویرگول قرار دهیم:

      const onTagCreatedHandler = <TagCreatedEvent,>(e) => { }