fix: change the identifier of the bezier icon to a string literal ins…

…tead of a symbol (#1411)

* fix: change the identifier of the bezier icon to a string literal instead of a symbol

* chore(changeset): add changeset

.changeset/afraid-pumas-agree.md

@@ -0,0 +1,5 @@
+---
+"@channel.io/bezier-icons": minor
+---
+
+Change the identifier of the bezier icon to a string literal instead of a symbol

packages/bezier-icons/rollup.config.mjs

@@ -68,7 +68,7 @@ declare module '*.svg' {
 }
 
 export declare type IconSource = React.FunctionComponent<React.SVGProps<SVGSVGElement>>
-export declare type BezierIcon = IconSource & { __type: 'BezierIcon' }
+export declare type BezierIcon = IconSource & { __bezier__icon: true }
 
 export declare function isBezierIcon(arg: unknown): arg is BezierIcon
 export declare function createBezierIcon(icon: IconSource): BezierIcon

packages/bezier-icons/utils/index.ts

@@ -3,17 +3,17 @@
  * so set the type inside this module to 'any'.
  */
 
-const BEZIER_ICON_SYMBOL = Symbol('bezier.icon')
+const BEZIER_ICON_ID = '__bezier__icon'
 
 export function isBezierIcon(arg: any) {
   return (
     typeof arg === 'function' &&
-    arg[BEZIER_ICON_SYMBOL] === true
+    arg[BEZIER_ICON_ID] === true
   )
 }
 
 export function createBezierIcon(source: any) {
   const clone = source
-  clone[BEZIER_ICON_SYMBOL] = true
+  clone[BEZIER_ICON_ID] = true
   return clone
 }