feat(react): enable ref option for SVGR in JSX compiler (#376)

src/core/compilers/jsx.ts

@@ -17,6 +17,7 @@ export const JSXCompiler = (async (
     svg,
     {
       plugins: ['@svgr/plugin-jsx'],
+      ref: options.jsx === 'react',
     },
     { componentName: camelize(`${collection}-${icon}`) },
   )

types/react.d.ts

@@ -1,14 +1,12 @@
 declare module 'virtual:icons/*' {
-  import type { SVGProps } from 'react'
-  import type React from 'react'
+  import type { ForwardRefExoticComponent, SVGProps } from 'react'
 
-  const component: (props: SVGProps<SVGSVGElement>) => React.ReactElement
+  const component: ForwardRefExoticComponent<SVGProps<SVGSVGElement>>
   export default component
 }
 declare module '~icons/*' {
-  import type { SVGProps } from 'react'
-  import type React from 'react'
+  import type { ForwardRefExoticComponent, SVGProps } from 'react'
 
-  const component: (props: SVGProps<SVGSVGElement>) => React.ReactElement
+  const component: ForwardRefExoticComponent<SVGProps<SVGSVGElement>>
   export default component
 }