@liner-fe/icon 0.0.47 → 0.0.49

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @liner-fe/icon
 
+## 0.0.49
+
+### Patch Changes
+
+- 369b5e4: refactor: icon에 에러 바운더리 적용
+
+## 0.0.48
+
+### Patch Changes
+
+- 705930f: @liner-fe/icon cjs -> tsx
+
 ## 0.0.47
 
 ### Patch Changes

package/index.tsx

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
   import { BasicColorType } from '@liner-fe/design-token-primitive';
+  import { ErrorBoundary } from '@sentry/nextjs';
 import { ArrowUpward } from './assets/arrow-upward';
 import { ArrowDownward } from './assets/arrow-downward';
 import { ArrowBack } from './assets/arrow-back';
@@ -401,5 +402,9 @@ export interface IconProps {
 
 export const Icon = forwardRef<SVGSVGElement, IconProps>(({name, size = "m", ...props}, ref) => {
   const IconComponent = IconMap[name];
-  return <IconComponent {...props} ref={ref} size={iconSizeMap[size]} />;
+  return (
+    <ErrorBoundary fallback={<></>}>
+      <IconComponent {...props} ref={ref} size={iconSizeMap[size]} />
+    </ErrorBoundary>
+  );
 });

package/lib/index.js

@@ -3267,6 +3267,7 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 var import_react188 = __toESM(require_react());
+var import_nextjs = require("@sentry/nextjs");
 
 // assets/arrow-upward/index.tsx
 var import_react = __toESM(require_react());
@@ -8258,7 +8259,7 @@ var iconSizeMap = {
 };
 var Icon = (0, import_react188.forwardRef)(({ name, size = "m", ...props }, ref) => {
   const IconComponent = IconMap[name];
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(IconComponent, { ...props, ref, size: iconSizeMap[size] });
+  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_nextjs.ErrorBoundary, { fallback: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_jsx_runtime188.Fragment, {}), children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(IconComponent, { ...props, ref, size: iconSizeMap[size] }) });
 });
 /*! Bundled license information:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/icon",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "scripts": {
     "build": "yarn tsup --config ./config/tsup/tsup.config.ts"
   },
@@ -15,6 +15,7 @@
   "types": "./lib/index.d.ts",
   "dependencies": {
     "@liner-fe/design-token-primitive": "workspace:^",
+    "@sentry/nextjs": "^9.30.0",
     "tsup": "^8.5.0"
   }
 }