Feature: Support React Native environments (#115)

* fix: support react-native environments * remove console logs --------- Co-authored-by: Yann Braga <[email protected]>
mswjs · Oct 26, 2023 · d283201 · d283201 · vercel · Oct 26, 2023
1 parent 4d3e7a9
commit d283201
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/packages/docs/src/demos/fetch/App.jsx b/packages/docs/src/demos/fetch/App.jsx
@@ -18,7 +18,6 @@ function useFetchFilms() {
       })
       .then((res) => res.json())
       .then((data) => {
-        console.log({ data })
         setStatus('success');
         setData(data.results);
       })
@@ -36,7 +35,6 @@ function useFetchFilms() {
 export function App() {
   const { status, data: films } = useFetchFilms();
 
-  console.log({ status, films })
   if (status === 'loading') {
     return <p>Fetching Star Wars data...</p>;
   }

diff --git a/packages/docs/src/demos/fetch/App.stories.jsx b/packages/docs/src/demos/fetch/App.stories.jsx
@@ -31,7 +31,6 @@ export const MockedSuccess = {
     msw: {
       handlers: [
         rest.get('https://swapi.dev/api/films/', (req, res, ctx) => {
-          console.log('MATCHED!')
           return res(
             ctx.json({
               results: films,

diff --git a/packages/msw-addon/src/mswDecorator.ts b/packages/msw-addon/src/mswDecorator.ts
@@ -20,11 +20,17 @@ type Context = {
 }
 
 const IS_BROWSER = !isNodeProcess()
+const IS_REACT_NATIVE = typeof navigator !== 'undefined' && navigator.product === 'ReactNative'
 let api: SetupApi
 let workerPromise: Promise<unknown>
 
 export function initialize(options?: InitializeOptions, initialHandlers: RequestHandler[] = []): SetupApi {
-  if (IS_BROWSER) {
+  if (IS_REACT_NATIVE) {
+    const { setupServer } = require('msw/native')
+    const server = setupServer(...initialHandlers)
+    workerPromise = server.listen(options)
+    api = server;
+  } else if (IS_BROWSER) {
     const { setupWorker } = require('msw')
     const worker = setupWorker(...initialHandlers)
     workerPromise = worker.start(options)