feat!: export as default with query

Author: pd4d10

client.d.ts

@@ -1,10 +1,12 @@
 // https://github.com/facebook/create-react-app/blob/0ee4765c39f820e5f4820abf4bf2e47b3324da7f/packages/react-scripts/lib/react-app.d.ts#L47-L56
 // https://github.com/pd4d10/vite-plugin-svgr/pull/56 for preact compatiblility
 
-declare module "*.svg" {
+declare module "*.svg?react" {
   import * as React from "react";
 
-  export const ReactComponent: React.FunctionComponent<
+  const ReactComponent: React.FunctionComponent<
     React.ComponentProps<"svg"> & { title?: string }
   >;
+
+  export default ReactComponent;
 }

src/index.ts

@@ -4,27 +4,19 @@ import fs from "fs";
 import type { Plugin } from "vite";
 import { transformWithEsbuild } from "vite";
 
-export interface ViteSvgrOptions {
-  /**
-   * Export React component as default. Notice that it will overrides
-   * the default behavior of Vite, which exports the URL as default
-   *
-   * @default false
-   */
-  exportAsDefault?: boolean;
+export interface VitePluginSvgrOptions {
   svgrOptions?: Config;
   esbuildOptions?: Parameters<typeof transformWithEsbuild>[2];
   exclude?: FilterPattern;
   include?: FilterPattern;
 }
 
-export default function viteSvgr({
-  exportAsDefault,
+export default function vitePluginSvgr({
   svgrOptions,
   esbuildOptions,
-  include = "**/*.svg",
+  include = "**/*.svg?react",
   exclude,
-}: ViteSvgrOptions = {}): Plugin {
+}: VitePluginSvgrOptions = {}): Plugin {
   const filter = createFilter(include, exclude);
   const postfixRE = /[?#].*$/s;
 
@@ -41,7 +33,6 @@ export default function viteSvgr({
         const componentCode = await transform(svgCode, svgrOptions, {
           filePath,
           caller: {
-            previousExport: exportAsDefault ? null : code,
             defaultPlugins: [jsx],
           },
         });