hunk.code_window:           onNotificationClick={props.onNotificationClick}
             onUrlChange={props.onUrlChange}
             onUnseenCountChanged={props.onUnseenCountChanged}
           />
         </NovuProvider>
       </>
     );
   }
  
hunk.labels: keep keep add keep keep keep keep keep
hunk.after_edit:           onActionClick={props.onActionClick}
  
hunk.file_path: apps/widget/src/components/notification-center/NotificationCenterWidget.tsx
hunk.type: add
file: import { useQuery } from 'react-query';
  import { INotificationTemplate } from '@novu/shared';
  import { getTemplateById } from '../../api/templates';
  
  export function useTemplateFetcher(templateId) {
    const {
      isLoading: loading,
      data: template,
      refetch,
    } = useQuery<INotificationTemplate>(`notificationById:${templateId}`, () => getTemplateById(templateId), {
      enabled: !!templateId,
      refetchOnMount: false,
      refetchInterval: false,
    });
  
    return {
      template,
      loading,
      refetch,
    };
  }
  