Fix Components being returned as functions and add tests

.github/workflows/test.yml

@@ -0,0 +1,32 @@
+name: tests
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          submodules: recursive
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 18
+          cache: 'npm'
+      - run: npm install
+      - run: npm run build:prod
+      - run: npm run typecheck
+      - run: npm run coverage
+
+      - name: Coveralls
+        uses: coverallsapp/github-action@master
+        if: github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name == github.repository
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}

__mocks__/svg.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const SvgrMock = React.forwardRef(function SvgrMockInner(props, ref) {
+    return <span ref={ref} {...props} />;
+});
+
+export const ReactComponent = SvgrMock;
+export default SvgrMock;