fix(Icon): Add react import on icon symbols (#373)

fix(Icon): Add react import

scripts/__tests__/__snapshots__/update-icons.spec.ts.snap

@@ -5,6 +5,8 @@ exports[`update-icons generateEbaySVG() should generate EbaySvg component from S
 // @ts-nocheck
 /* This file is autogenerated, do not edit - it will be overwritten anyway */
 
+import React from 'react'
+
 export const symbols = [
     <symbol id="icon-add-20" viewBox="0 0 20 20"><path className="some-class-name" d="M19 9h-8V1a1 1 0 00-2 0v8H1a1 1 0 000 2h8v8a1 1 0 002 0v-8h8a1 1 0 000-2z" style={{transform: 'rotateX(10deg)', backgroundColor: 'white'}}/></symbol>,
     <symbol id="icon-social-messenger-24" viewBox="0 0 24 24"><g clipPath="url(#clip0_41192_49714)"><path d="M12 0C5.24 0 0 4.952 0 11.64c0 3.499 1.434 6.521 3.769 8.61a.957.957 0 01.322.684l.066 2.136a.96.96 0 001.346.849l2.383-1.05a.958.958 0 01.64-.047c1.132.308 2.3.462 3.474.458 6.76 0 12-4.95 12-11.64S18.76 0 12 0zm7.206 8.956l-3.525 5.594a1.799 1.799 0 01-2.603.48l-2.803-2.103a.72.72 0 00-.868.003l-3.786 2.872c-.505.384-1.165-.221-.827-.758l3.525-5.593a1.8 1.8 0 012.603-.48l2.803 2.103a.72.72 0 00.868-.002l3.786-2.874c.505-.384 1.165.221.827.758z"/></g><defs><clipPath id="clip0_41192_49714"><path d="M0 0h24v24H0z" fill="var(--color-social-icons-foreground, #fff)"/></clipPath></defs></symbol>,

scripts/update-icons-helpers.js

@@ -75,6 +75,8 @@ function generateEbaySVG(svgSymbols) {
     return `/* eslint-disable */
 // @ts-nocheck
 ${fileHeader}\n
+import React from 'react'
+
 export const symbols = [
     ${symbolStrings.join(',\n    ')}
 ]

src/ebay-svg/symbols.tsx

@@ -2,6 +2,8 @@
 // @ts-nocheck
 /* This file is autogenerated, do not edit - it will be overwritten anyway */
 
+import React from 'react'
+
 export const symbols = [
     <defs><linearGradient id="ref-ai-spectrum-16-colored" x1="21.21" y1="11.161" x2="11.274" y2="21.774" gradientUnits="userSpaceOnUse"><stop offset=".098" stopColor="#FFD80E"/><stop offset=".267" stopColor="#FF4242"/><stop offset=".418" stopColor="#993EE0"/><stop offset=".562" stopColor="#0968F6"/><stop offset=".785" stopColor="#4EE04B"/></linearGradient><linearGradient id="ref-ai-spectrum-20-colored" x1="26.984" y1="14.065" x2="14.21" y2="27.71" gradientUnits="userSpaceOnUse"><stop offset=".098" stopColor="#FFD80E"/><stop offset=".267" stopColor="#FF4242"/><stop offset=".418" stopColor="#993EE0"/><stop offset=".562" stopColor="#0968F6"/><stop offset=".785" stopColor="#4EE04B"/></linearGradient><linearGradient id="ref-ai-spectrum-24-colored" x1="32.758" y1="16.968" x2="17.145" y2="33.645" gradientUnits="userSpaceOnUse"><stop offset=".098" stopColor="#FFD80E"/><stop offset=".267" stopColor="#FF4242"/><stop offset=".418" stopColor="#993EE0"/><stop offset=".562" stopColor="#0968F6"/><stop offset=".785" stopColor="#4EE04B"/></linearGradient><linearGradient id="ref-ai-spectrum-filled-20-colored" x1="26.984" y1="14.065" x2="14.21" y2="27.71" gradientUnits="userSpaceOnUse"><stop offset=".098" stopColor="#FFD80E"/><stop offset=".267" stopColor="#FF4242"/><stop offset=".418" stopColor="#993EE0"/><stop offset=".562" stopColor="#0968F6"/><stop offset=".785" stopColor="#4EE04B"/></linearGradient><linearGradient id="ref-ai-spectrum-filled-24-colored" x1="32.758" y1="16.968" x2="17.145" y2="33.645" gradientUnits="userSpaceOnUse"><stop offset=".098" stopColor="#FFD80E"/><stop offset=".267" stopColor="#FF4242"/><stop offset=".418" stopColor="#993EE0"/><stop offset=".562" stopColor="#0968F6"/><stop offset=".785" stopColor="#4EE04B"/></linearGradient><linearGradient id="ref-ai-spectrum-thin-16-colored" x1="21.21" y1="11.161" x2="11.274" y2="21.774" gradientUnits="userSpaceOnUse"><stop offset=".098" stopColor="#FFD80E"/><stop offset=".267" stopColor="#FF4242"/><stop offset=".418" stopColor="#993EE0"/><stop offset=".562" stopColor="#0968F6"/><stop offset=".785" stopColor="#4EE04B"/></linearGradient><linearGradient id="ref-ai-spectrum-filled-16-colored" x1="21.21" y1="11.161" x2="11.274" y2="21.774" gradientUnits="userSpaceOnUse"><stop offset=".098" stopColor="#FFD80E"/><stop offset=".267" stopColor="#FF4242"/><stop offset=".418" stopColor="#993EE0"/><stop offset=".562" stopColor="#0968F6"/><stop offset=".785" stopColor="#4EE04B"/></linearGradient><linearGradient id="ref-cb-12-colored" x1="20" y1="0" x2=".373" y2="13.142" gradientUnits="userSpaceOnUse"><stop stopColor="#192660"/><stop offset=".223" stopColor="#1D5484"/><stop offset=".374" stopColor="#1C7E97"/><stop offset=".579" stopColor="#1C90A0"/><stop offset=".729" stopColor="#089760"/><stop offset="1" stopColor="#03944B"/></linearGradient><linearGradient id="ref-cb-32-colored" x1="50" y1="0" x2="-.978" y2="32" gradientUnits="userSpaceOnUse"><stop stopColor="#192660"/><stop offset=".223" stopColor="#1D5484"/><stop offset=".374" stopColor="#1C7E97"/><stop offset=".579" stopColor="#1C90A0"/><stop offset=".729" stopColor="#089760"/><stop offset="1" stopColor="#03944B"/></linearGradient><linearGradient id="ref-cb-18-colored" x1="30" y1="0" x2=".56" y2="19.712" gradientUnits="userSpaceOnUse"><stop stopColor="#192660"/><stop offset=".223" stopColor="#1D5484"/><stop offset=".374" stopColor="#1C7E97"/><stop offset=".579" stopColor="#1C90A0"/><stop offset=".729" stopColor="#089760"/><stop offset="1" stopColor="#03944B"/></linearGradient><linearGradient id="ref-cb-24-colored" x1="38" y1="0" x2="-.452" y2="24.459" gradientUnits="userSpaceOnUse"><stop stopColor="#192660"/><stop offset=".223" stopColor="#1D5484"/><stop offset=".374" stopColor="#1C7E97"/><stop offset=".579" stopColor="#1C90A0"/><stop offset=".729" stopColor="#089760"/><stop offset="1" stopColor="#03944B"/></linearGradient></defs>,
     <symbol viewBox="0 0 12 12" id="icon-add-12"><path fillRule="evenodd" clipRule="evenodd" d="M6.75 1.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z"/></symbol>,