feat: try building fs-portal with cra

.codesandbox/ci.json

@@ -11,5 +11,5 @@
     "packages/ipld-selectors",
     "packages/cachestore"
   ],
-  "sandboxes": ["/.codesandbox/examples/fs-portal"]
+  "sandboxes": ["/.codesandbox/examples/fs-portal-cra"]
 }

.codesandbox/examples/fs-portal-cra/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "fs-portal-cra",
+  "version": "1.0.0",
+  "description": "React and TypeScript example starter project",
+  "keywords": ["typescript", "react", "starter"],
+  "main": "src/index.tsx",
+  "dependencies": {
+    "@dcdn/fs-portal": "latest",
+    "@dcdn/service-worker": "latest",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-scripts": "4.0.3"
+  },
+  "devDependencies": {
+    "@types/react": "17.0.20",
+    "@types/react-dom": "17.0.9",
+    "typescript": "4.4.2"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "browserslist": [">0.2%", "not dead", "not ie <= 11", "not op_mini all"]
+}

.codesandbox/examples/fs-portal-cra/src/index.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import {FsPortal} from '@dcdn/fs-portal';
+import '@dcdn/fs-portal/styles.css';
+import '@reach/dialog/styles.css';
+
+const WORKER_URL = 'https://client.myel.workers.dev';
+
+const app = document.getElementById('app');
+ReactDOM.render(
+  <FsPortal swUrl="/service-worker.js" cfwUrl={WORKER_URL} />,
+  app
+);

.codesandbox/examples/fs-portal-cra/src/service-worker.js

@@ -0,0 +1,4 @@
+import {Controller} from '@dcdn/service-worker/src/controller';
+
+const ctrl = new Controller();
+ctrl.start();