import svg to render
im a react developer, i want use this lib to render svg into sketch file, and i got some problems, i found this `issue`: #265  and join it to discuss, but im stuck as well, i got a suggestion from @macintoshhelper , so i open a new issue, if u see this issue at first time, i suggest u should view the issue that i referenced before, if the issue still there, then check this issue;)

| -------------------------------------------------------------------------------------------------
| Reporting a bug or issue
| -------------------------------------------------------------------------------------------------

**Expected behavior:**
import a svg and rendered it successfully

**Observed behavior:**
i got a error in sketch with redbox

**How to reproduce:**
1. yarn
2. yarn dist
3. open sketch create a new doc and use this plugin

**os version:**
10.15.7

**Sketch version:**
75 (129697)

**node version:**
14.17.6

**Please attach screenshots, a zip file of your project, and/or a link to your github project**
https://github.com/SilentFlute/react2sketch-svg.git

@macintoshhelper hi, it's me again, i modified the project, but i know, i cant understand ur advices all, may be at all?

i replace `react-native-svg` with `react-sketchapp`, and modified the file as below:
`webpack.skpm.config.js`:
```
const path = require('path');

module.exports = (config) => {
  if (process.env.LOCAL_DEV) {
    config.module.rules[1].test = /^(?!.*\.(jsx?|tsx?|json|svg|md|nib|xib|framework|xcodeproj|xcworkspace|xcworkspacedata|pbxproj)$).*/;
    config.module.rules.push({
      test: /\.svg$/,
      use: [
        {
          loader: 'babel-loader',
          options: {
            presets: ['@skpm/babel-preset'],
          },
        },
        {
          loader: '@svgr/webpack',
          options: {
            native: true,
            svgoConfig: {
              plugins: [{ convertPathData: false }],
            },
            babel: false,
          },
        },
      ],
    });  
    config.resolve = {
      ...config.resolve,
      alias: {
        ...config.resolve.alias,
        'react-sketchapp': path.resolve(__dirname, './Svg.js'),
      },
    };
  }
};
```
and then, add a file in the project, of course at the root directory, and just like u mentioned before:
`Svg.js`
```
import React from 'react';
import { Svg } from 'react-sketchapp';

const {
  Circle, ClipPath, Defs, Ellipse, G, Image, Line, LinearGradient,
  Path, Pattern, Polygon, Polyline, RadialGradient, Rect, Stop,
  Symbol, Text, TextPath, TSpan, Use
} = Svg;

const Mask = () => <></>;
const _G = ({ mask, ...props }) => (mask ? <></> : <G {...props} />);

const _Use = ({ xlinkHref: href, ...props }) => <Use href={href} {...props} />;
const _Image = ({ xlinkHref: href, ...props }) => (
  <Image href={href} {...props} />
);

export {
  Mask, Circle, ClipPath, Defs, Ellipse, _G as G, _Image as Image,
  Line, LinearGradient, Path, Pattern, Polygon, Polyline, RadialGradient,
  Rect, Stop, Symbol, Text, TextPath, TSpan, _Use as Use
};

export default Svg;
```
what confused me is in the `my-command.js`, u mentioned `dynamic import`, `local file`, and `webpack compile`, i modified this file as below:
```
import * as React from 'react';
import { render, Artboard } from 'react-sketchapp';
const ImgSvg = require('./imgs/sketch.svg');

const Document = () => {

  return (
    <Artboard
      name="my-image"
      style={{
        width: 1920,
        height: 1080
      }}
    >
      <ImgSvg></ImgSvg>
    </Artboard>
  );
}

export default () => {
  render(<Document />, context.document.currentPage());
};
```
all right, it doesn't modified at all, cuz i cant understand ur description, so i still need ur help...