fix: wrap all dispatches in 'act' so fetches behave

packages/test/src/ActDispatchManager.ts

@@ -0,0 +1,24 @@
+import { Manager, MiddlewareAPI, Middleware, Dispatch } from 'rest-hooks';
+import { act } from 'react-test-renderer';
+
+export default class ActDispatchManager implements Manager {
+  protected declare middleware: Middleware;
+
+  constructor() {
+    this.middleware = <R extends React.Reducer<any, any>>({
+      dispatch,
+    }: MiddlewareAPI<R>) => {
+      return (next: Dispatch<R>) => (
+        action: React.ReducerAction<R>,
+      ): Promise<void> => {
+        return act(() => next(action));
+      };
+    };
+  }
+
+  cleanup() {}
+
+  getMiddleware<T extends ActDispatchManager>(this: T) {
+    return this.middleware;
+  }
+}

packages/test/src/makeRenderRestHook.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import { renderHook, RenderHookOptions } from '@testing-library/react-hooks';
-
 import {
   State,
   SubscriptionManager,
   PollingSubscription,
   Manager,
 } from 'rest-hooks';
 
+import ActDispatchManager from './ActDispatchManager';
 import { MockNetworkManager } from './managers';
 import mockInitialState, { Fixture } from './mockState';
 
@@ -19,6 +19,7 @@ export default function makeRenderRestHook(
 ) {
   const manager = new MockNetworkManager();
   const subManager = new SubscriptionManager(PollingSubscription);
+  const actManager = new ActDispatchManager();
   function renderRestHook<P, R>(
     callback: (props: P) => R,
     options?: {
@@ -29,7 +30,7 @@ export default function makeRenderRestHook(
     const initialState =
       options && options.results && mockInitialState(options.results);
     const Provider: React.ComponentType<any> = makeProvider(
-      [manager, subManager],
+      [manager, subManager, actManager],
       initialState,
     );
     const Wrapper = options && options.wrapper;