@seesaw/react-native-svg-web

A web replacement for react-native-svg

Usage no npm install needed!

<script type="module">
  import seesawReactNativeSvgWeb from 'https://cdn.skypack.dev/@seesaw/react-native-svg-web';
</script>

README

react-native-svg-web

npm version downloads

This package can be used as a drop-in replacement for react-native-svg when targeting the web, or as a mock for jest when testing react-native applications.

Targeting the Web

Add the following to your webpack configuration:

module.exports = {
  ..., /* the existing configuration */

  resolve: {
    alias: {
      'react-native-svg': 'react-native-svg-web'
    }
  }
};

Mocking with Jest

Add the following to your package.json.

{
  "jest": {
    "setupFiles": [
      "./jest/mocks/react-native-svg.js"
    ]
  }
};

And then create a file ./jest/mocks/react-native-svg.js:

jest.mock('react-native-svg', () => require('react-native-svg-web'));