fix: add displayName to aid debugging (#92)

scripts/generate.ts

@@ -31,7 +31,8 @@ export const __NAME__ = forwardRef(function __NAME__(
   return (
     __JSX__
   )
-})
+});
+__NAME__.displayName = 'ForwardRef(__NAME__)'
 `
 
 async function readIcon(filePath: string) {

src/icon.tsx

@@ -25,3 +25,4 @@ export const Icon = forwardRef(function Icon(
 
   return <IconComponent {...restProps} ref={ref} />
 })
+Icon.displayName = 'ForwardRef(Icon)'

src/icons/accessDeniedIcon.tsx

@@ -29,3 +29,4 @@ export const AccessDeniedIcon = forwardRef(function AccessDeniedIcon(
     </svg>
   )
 })
+AccessDeniedIcon.displayName = 'ForwardRef(AccessDeniedIcon)'

src/icons/activityIcon.tsx

@@ -29,3 +29,4 @@ export const ActivityIcon = forwardRef(function ActivityIcon(
     </svg>
   )
 })
+ActivityIcon.displayName = 'ForwardRef(ActivityIcon)'

src/icons/addCircleIcon.tsx

@@ -29,3 +29,4 @@ export const AddCircleIcon = forwardRef(function AddCircleIcon(
     </svg>
   )
 })
+AddCircleIcon.displayName = 'ForwardRef(AddCircleIcon)'

src/icons/addCommentIcon.tsx

@@ -29,3 +29,4 @@ export const AddCommentIcon = forwardRef(function AddCommentIcon(
     </svg>
   )
 })
+AddCommentIcon.displayName = 'ForwardRef(AddCommentIcon)'

src/icons/addDocumentIcon.tsx

@@ -30,3 +30,4 @@ export const AddDocumentIcon = forwardRef(function AddDocumentIcon(
     </svg>
   )
 })
+AddDocumentIcon.displayName = 'ForwardRef(AddDocumentIcon)'

src/icons/addIcon.tsx

@@ -29,3 +29,4 @@ export const AddIcon = forwardRef(function AddIcon(
     </svg>
   )
 })
+AddIcon.displayName = 'ForwardRef(AddIcon)'

src/icons/apiIcon.tsx

@@ -35,3 +35,4 @@ export const ApiIcon = forwardRef(function ApiIcon(
     </svg>
   )
 })
+ApiIcon.displayName = 'ForwardRef(ApiIcon)'

src/icons/archiveIcon.tsx

@@ -35,3 +35,4 @@ export const ArchiveIcon = forwardRef(function ArchiveIcon(
     </svg>
   )
 })
+ArchiveIcon.displayName = 'ForwardRef(ArchiveIcon)'

src/icons/arrowDownIcon.tsx

@@ -30,3 +30,4 @@ export const ArrowDownIcon = forwardRef(function ArrowDownIcon(
     </svg>
   )
 })
+ArrowDownIcon.displayName = 'ForwardRef(ArrowDownIcon)'

src/icons/arrowLeftIcon.tsx

@@ -30,3 +30,4 @@ export const ArrowLeftIcon = forwardRef(function ArrowLeftIcon(
     </svg>
   )
 })
+ArrowLeftIcon.displayName = 'ForwardRef(ArrowLeftIcon)'

src/icons/arrowRightIcon.tsx

@@ -30,3 +30,4 @@ export const ArrowRightIcon = forwardRef(function ArrowRightIcon(
     </svg>
   )
 })
+ArrowRightIcon.displayName = 'ForwardRef(ArrowRightIcon)'

src/icons/arrowTopRightIcon.tsx

@@ -25,3 +25,4 @@ export const ArrowTopRightIcon = forwardRef(function ArrowTopRightIcon(
     </svg>
   )
 })
+ArrowTopRightIcon.displayName = 'ForwardRef(ArrowTopRightIcon)'

src/icons/arrowUpIcon.tsx

@@ -30,3 +30,4 @@ export const ArrowUpIcon = forwardRef(function ArrowUpIcon(
     </svg>
   )
 })
+ArrowUpIcon.displayName = 'ForwardRef(ArrowUpIcon)'

src/icons/asteriskIcon.tsx

@@ -29,3 +29,4 @@ export const AsteriskIcon = forwardRef(function AsteriskIcon(
     </svg>
   )
 })
+AsteriskIcon.displayName = 'ForwardRef(AsteriskIcon)'

src/icons/barChartIcon.tsx

@@ -29,3 +29,4 @@ export const BarChartIcon = forwardRef(function BarChartIcon(
     </svg>
   )
 })
+BarChartIcon.displayName = 'ForwardRef(BarChartIcon)'

src/icons/basketIcon.tsx

@@ -29,3 +29,4 @@ export const BasketIcon = forwardRef(function BasketIcon(
     </svg>
   )
 })
+BasketIcon.displayName = 'ForwardRef(BasketIcon)'

src/icons/bellIcon.tsx

@@ -29,3 +29,4 @@ export const BellIcon = forwardRef(function BellIcon(
     </svg>
   )
 })
+BellIcon.displayName = 'ForwardRef(BellIcon)'

src/icons/billIcon.tsx

@@ -29,3 +29,4 @@ export const BillIcon = forwardRef(function BillIcon(
     </svg>
   )
 })
+BillIcon.displayName = 'ForwardRef(BillIcon)'

src/icons/binaryDocumentIcon.tsx

@@ -31,3 +31,4 @@ export const BinaryDocumentIcon = forwardRef(function BinaryDocumentIcon(
     </svg>
   )
 })
+BinaryDocumentIcon.displayName = 'ForwardRef(BinaryDocumentIcon)'

src/icons/blockContentIcon.tsx

@@ -51,3 +51,4 @@ export const BlockContentIcon = forwardRef(function BlockContentIcon(
     </svg>
   )
 })
+BlockContentIcon.displayName = 'ForwardRef(BlockContentIcon)'

src/icons/blockElementIcon.tsx

@@ -29,3 +29,4 @@ export const BlockElementIcon = forwardRef(function BlockElementIcon(
     </svg>
   )
 })
+BlockElementIcon.displayName = 'ForwardRef(BlockElementIcon)'

src/icons/blockquoteIcon.tsx

@@ -29,3 +29,4 @@ export const BlockquoteIcon = forwardRef(function BlockquoteIcon(
     </svg>
   )
 })
+BlockquoteIcon.displayName = 'ForwardRef(BlockquoteIcon)'

src/icons/boldIcon.tsx

@@ -27,3 +27,4 @@ export const BoldIcon = forwardRef(function BoldIcon(
     </svg>
   )
 })
+BoldIcon.displayName = 'ForwardRef(BoldIcon)'

src/icons/boltIcon.tsx

@@ -29,3 +29,4 @@ export const BoltIcon = forwardRef(function BoltIcon(
     </svg>
   )
 })
+BoltIcon.displayName = 'ForwardRef(BoltIcon)'

src/icons/bookIcon.tsx

@@ -29,3 +29,4 @@ export const BookIcon = forwardRef(function BookIcon(
     </svg>
   )
 })
+BookIcon.displayName = 'ForwardRef(BookIcon)'

src/icons/bottleIcon.tsx

@@ -29,3 +29,4 @@ export const BottleIcon = forwardRef(function BottleIcon(
     </svg>
   )
 })
+BottleIcon.displayName = 'ForwardRef(BottleIcon)'

src/icons/bulbFilledIcon.tsx

@@ -33,3 +33,4 @@ export const BulbFilledIcon = forwardRef(function BulbFilledIcon(
     </svg>
   )
 })
+BulbFilledIcon.displayName = 'ForwardRef(BulbFilledIcon)'

src/icons/bulbOutlineIcon.tsx

@@ -28,3 +28,4 @@ export const BulbOutlineIcon = forwardRef(function BulbOutlineIcon(
     </svg>
   )
 })
+BulbOutlineIcon.displayName = 'ForwardRef(BulbOutlineIcon)'

src/icons/calendarIcon.tsx

@@ -29,3 +29,4 @@ export const CalendarIcon = forwardRef(function CalendarIcon(
     </svg>
   )
 })
+CalendarIcon.displayName = 'ForwardRef(CalendarIcon)'

src/icons/caseIcon.tsx

@@ -29,3 +29,4 @@ export const CaseIcon = forwardRef(function CaseIcon(
     </svg>
   )
 })
+CaseIcon.displayName = 'ForwardRef(CaseIcon)'

src/icons/chartUpwardIcon.tsx

@@ -29,3 +29,4 @@ export const ChartUpwardIcon = forwardRef(function ChartUpwardIcon(
     </svg>
   )
 })
+ChartUpwardIcon.displayName = 'ForwardRef(ChartUpwardIcon)'

src/icons/checkmarkCircleIcon.tsx

@@ -29,3 +29,4 @@ export const CheckmarkCircleIcon = forwardRef(function CheckmarkCircleIcon(
     </svg>
   )
 })
+CheckmarkCircleIcon.displayName = 'ForwardRef(CheckmarkCircleIcon)'

src/icons/checkmarkIcon.tsx

@@ -29,3 +29,4 @@ export const CheckmarkIcon = forwardRef(function CheckmarkIcon(
     </svg>
   )
 })
+CheckmarkIcon.displayName = 'ForwardRef(CheckmarkIcon)'

src/icons/chevronDownIcon.tsx

@@ -29,3 +29,4 @@ export const ChevronDownIcon = forwardRef(function ChevronDownIcon(
     </svg>
   )
 })
+ChevronDownIcon.displayName = 'ForwardRef(ChevronDownIcon)'

src/icons/chevronLeftIcon.tsx

@@ -29,3 +29,4 @@ export const ChevronLeftIcon = forwardRef(function ChevronLeftIcon(
     </svg>
   )
 })
+ChevronLeftIcon.displayName = 'ForwardRef(ChevronLeftIcon)'

src/icons/chevronRightIcon.tsx

@@ -29,3 +29,4 @@ export const ChevronRightIcon = forwardRef(function ChevronRightIcon(
     </svg>
   )
 })
+ChevronRightIcon.displayName = 'ForwardRef(ChevronRightIcon)'

src/icons/chevronUpIcon.tsx

@@ -29,3 +29,4 @@ export const ChevronUpIcon = forwardRef(function ChevronUpIcon(
     </svg>
   )
 })
+ChevronUpIcon.displayName = 'ForwardRef(ChevronUpIcon)'

src/icons/circleIcon.tsx

@@ -31,3 +31,4 @@ export const CircleIcon = forwardRef(function CircleIcon(
     </svg>
   )
 })
+CircleIcon.displayName = 'ForwardRef(CircleIcon)'

src/icons/clipboardIcon.tsx

@@ -29,3 +29,4 @@ export const ClipboardIcon = forwardRef(function ClipboardIcon(
     </svg>
   )
 })
+ClipboardIcon.displayName = 'ForwardRef(ClipboardIcon)'

src/icons/clipboardImageIcon.tsx

@@ -29,3 +29,4 @@ export const ClipboardImageIcon = forwardRef(function ClipboardImageIcon(
     </svg>
   )
 })
+ClipboardImageIcon.displayName = 'ForwardRef(ClipboardImageIcon)'

src/icons/clockIcon.tsx

@@ -29,3 +29,4 @@ export const ClockIcon = forwardRef(function ClockIcon(
     </svg>
   )
 })
+ClockIcon.displayName = 'ForwardRef(ClockIcon)'

src/icons/closeCircleIcon.tsx

@@ -29,3 +29,4 @@ export const CloseCircleIcon = forwardRef(function CloseCircleIcon(
     </svg>
   )
 })
+CloseCircleIcon.displayName = 'ForwardRef(CloseCircleIcon)'

src/icons/closeIcon.tsx

@@ -29,3 +29,4 @@ export const CloseIcon = forwardRef(function CloseIcon(
     </svg>
   )
 })
+CloseIcon.displayName = 'ForwardRef(CloseIcon)'

src/icons/codeBlockIcon.tsx

@@ -29,3 +29,4 @@ export const CodeBlockIcon = forwardRef(function CodeBlockIcon(
     </svg>
   )
 })
+CodeBlockIcon.displayName = 'ForwardRef(CodeBlockIcon)'

src/icons/codeIcon.tsx

@@ -29,3 +29,4 @@ export const CodeIcon = forwardRef(function CodeIcon(
     </svg>
   )
 })
+CodeIcon.displayName = 'ForwardRef(CodeIcon)'

src/icons/cogIcon.tsx

@@ -35,3 +35,4 @@ export const CogIcon = forwardRef(function CogIcon(
     </svg>
   )
 })
+CogIcon.displayName = 'ForwardRef(CogIcon)'

src/icons/collapseIcon.tsx

@@ -35,3 +35,4 @@ export const CollapseIcon = forwardRef(function CollapseIcon(
     </svg>
   )
 })
+CollapseIcon.displayName = 'ForwardRef(CollapseIcon)'

src/icons/colorWheelIcon.tsx

@@ -29,3 +29,4 @@ export const ColorWheelIcon = forwardRef(function ColorWheelIcon(
     </svg>
   )
 })
+ColorWheelIcon.displayName = 'ForwardRef(ColorWheelIcon)'

src/icons/commentIcon.tsx

@@ -29,3 +29,4 @@ export const CommentIcon = forwardRef(function CommentIcon(
     </svg>
   )
 })
+CommentIcon.displayName = 'ForwardRef(CommentIcon)'

src/icons/componentIcon.tsx

@@ -29,3 +29,4 @@ export const ComponentIcon = forwardRef(function ComponentIcon(
     </svg>
   )
 })
+ComponentIcon.displayName = 'ForwardRef(ComponentIcon)'

src/icons/composeIcon.tsx

@@ -29,3 +29,4 @@ export const ComposeIcon = forwardRef(function ComposeIcon(
     </svg>
   )
 })
+ComposeIcon.displayName = 'ForwardRef(ComposeIcon)'

src/icons/confettiIcon.tsx

@@ -43,3 +43,4 @@ export const ConfettiIcon = forwardRef(function ConfettiIcon(
     </svg>
   )
 })
+ConfettiIcon.displayName = 'ForwardRef(ConfettiIcon)'

src/icons/controlsIcon.tsx

@@ -29,3 +29,4 @@ export const ControlsIcon = forwardRef(function ControlsIcon(
     </svg>
   )
 })
+ControlsIcon.displayName = 'ForwardRef(ControlsIcon)'

src/icons/copyIcon.tsx

@@ -29,3 +29,4 @@ export const CopyIcon = forwardRef(function CopyIcon(
     </svg>
   )
 })
+CopyIcon.displayName = 'ForwardRef(CopyIcon)'

src/icons/creditCardIcon.tsx

@@ -36,3 +36,4 @@ export const CreditCardIcon = forwardRef(function CreditCardIcon(
     </svg>
   )
 })
+CreditCardIcon.displayName = 'ForwardRef(CreditCardIcon)'

src/icons/cropIcon.tsx

@@ -29,3 +29,4 @@ export const CropIcon = forwardRef(function CropIcon(
     </svg>
   )
 })
+CropIcon.displayName = 'ForwardRef(CropIcon)'

src/icons/cubeIcon.tsx

@@ -35,3 +35,4 @@ export const CubeIcon = forwardRef(function CubeIcon(
     </svg>
   )
 })
+CubeIcon.displayName = 'ForwardRef(CubeIcon)'

src/icons/dashboardIcon.tsx

@@ -29,3 +29,4 @@ export const DashboardIcon = forwardRef(function DashboardIcon(
     </svg>
   )
 })
+DashboardIcon.displayName = 'ForwardRef(DashboardIcon)'

src/icons/databaseIcon.tsx

@@ -29,3 +29,4 @@ export const DatabaseIcon = forwardRef(function DatabaseIcon(
     </svg>
   )
 })
+DatabaseIcon.displayName = 'ForwardRef(DatabaseIcon)'

src/icons/desktopIcon.tsx

@@ -29,3 +29,4 @@ export const DesktopIcon = forwardRef(function DesktopIcon(
     </svg>
   )
 })
+DesktopIcon.displayName = 'ForwardRef(DesktopIcon)'

src/icons/diamondIcon.tsx

@@ -29,3 +29,4 @@ export const DiamondIcon = forwardRef(function DiamondIcon(
     </svg>
   )
 })
+DiamondIcon.displayName = 'ForwardRef(DiamondIcon)'

src/icons/documentIcon.tsx

@@ -30,3 +30,4 @@ export const DocumentIcon = forwardRef(function DocumentIcon(
     </svg>
   )
 })
+DocumentIcon.displayName = 'ForwardRef(DocumentIcon)'

src/icons/documentPdfIcon.tsx

@@ -34,3 +34,4 @@ export const DocumentPdfIcon = forwardRef(function DocumentPdfIcon(
     </svg>
   )
 })
+DocumentPdfIcon.displayName = 'ForwardRef(DocumentPdfIcon)'

src/icons/documentRemoveIcon.tsx

@@ -30,3 +30,4 @@ export const DocumentRemoveIcon = forwardRef(function DocumentRemoveIcon(
     </svg>
   )
 })
+DocumentRemoveIcon.displayName = 'ForwardRef(DocumentRemoveIcon)'

src/icons/documentSheetIcon.tsx

@@ -30,3 +30,4 @@ export const DocumentSheetIcon = forwardRef(function DocumentSheetIcon(
     </svg>
   )
 })
+DocumentSheetIcon.displayName = 'ForwardRef(DocumentSheetIcon)'

src/icons/documentTextIcon.tsx

@@ -30,3 +30,4 @@ export const DocumentTextIcon = forwardRef(function DocumentTextIcon(
     </svg>
   )
 })
+DocumentTextIcon.displayName = 'ForwardRef(DocumentTextIcon)'

src/icons/documentVideoIcon.tsx

@@ -36,3 +36,4 @@ export const DocumentVideoIcon = forwardRef(function DocumentVideoIcon(
     </svg>
   )
 })
+DocumentVideoIcon.displayName = 'ForwardRef(DocumentVideoIcon)'

src/icons/documentWordIcon.tsx

@@ -34,3 +34,4 @@ export const DocumentWordIcon = forwardRef(function DocumentWordIcon(
     </svg>
   )
 })
+DocumentWordIcon.displayName = 'ForwardRef(DocumentWordIcon)'

src/icons/documentZipIcon.tsx

@@ -30,3 +30,4 @@ export const DocumentZipIcon = forwardRef(function DocumentZipIcon(
     </svg>
   )
 })
+DocumentZipIcon.displayName = 'ForwardRef(DocumentZipIcon)'

src/icons/documentsIcon.tsx

@@ -30,3 +30,4 @@ export const DocumentsIcon = forwardRef(function DocumentsIcon(
     </svg>
   )
 })
+DocumentsIcon.displayName = 'ForwardRef(DocumentsIcon)'

src/icons/dotIcon.tsx

@@ -31,3 +31,4 @@ export const DotIcon = forwardRef(function DotIcon(
     </svg>
   )
 })
+DotIcon.displayName = 'ForwardRef(DotIcon)'

src/icons/doubleChevronDownIcon.tsx

@@ -29,3 +29,4 @@ export const DoubleChevronDownIcon = forwardRef(function DoubleChevronDownIcon(
     </svg>
   )
 })
+DoubleChevronDownIcon.displayName = 'ForwardRef(DoubleChevronDownIcon)'

src/icons/doubleChevronLeftIcon.tsx

@@ -29,3 +29,4 @@ export const DoubleChevronLeftIcon = forwardRef(function DoubleChevronLeftIcon(
     </svg>
   )
 })
+DoubleChevronLeftIcon.displayName = 'ForwardRef(DoubleChevronLeftIcon)'

src/icons/doubleChevronRightIcon.tsx

@@ -29,3 +29,4 @@ export const DoubleChevronRightIcon = forwardRef(function DoubleChevronRightIcon
     </svg>
   )
 })
+DoubleChevronRightIcon.displayName = 'ForwardRef(DoubleChevronRightIcon)'

src/icons/doubleChevronUpIcon.tsx

@@ -29,3 +29,4 @@ export const DoubleChevronUpIcon = forwardRef(function DoubleChevronUpIcon(
     </svg>
   )
 })
+DoubleChevronUpIcon.displayName = 'ForwardRef(DoubleChevronUpIcon)'

src/icons/downloadIcon.tsx

@@ -35,3 +35,4 @@ export const DownloadIcon = forwardRef(function DownloadIcon(
     </svg>
   )
 })
+DownloadIcon.displayName = 'ForwardRef(DownloadIcon)'

src/icons/dragHandleIcon.tsx

@@ -47,3 +47,4 @@ export const DragHandleIcon = forwardRef(function DragHandleIcon(
     </svg>
   )
 })
+DragHandleIcon.displayName = 'ForwardRef(DragHandleIcon)'