MSW Toolbar

A simple utility to make your MSW experience a little bit better.

Requirements

• msw

Usage

There are two primary ways to use this component:

1. As a wrapper around your entire app

   1. When you structure things like the below, you guarantee that all requests will be intercepted because children will not be rendered until the worker has successfully started.

   <MSWToolbar {...props}>
     <YourApp />
   </MSWToolbar>

2. As a regular component in the tree

   1. When you do this, all requests should be intercepted, but it's not guaranteed because there can be timing issues with the service worker registration.

   <YourApp>
     <MSWToolbar {...props} />
     <Header />
     <Content />
     <Footer />
   </YourApp>