Merge branch 'main' into patch-1

Author: lukaselmer

.all-contributorsrc

@@ -145,7 +145,8 @@
       "avatar_url": "https://avatars3.githubusercontent.com/u/3806031?v=4",
       "profile": "https://jsjoe.io",
       "contributions": [
-        "tutorial"
+        "tutorial",
+        "test"
       ]
     },
     {

README.md

@@ -63,6 +63,7 @@ library will instead be included as official additions to both `react-testing-li
 to provide a more cohesive and consistent implementation for our users.
 
 Please be patient as we finalise these changes in the respective testing libraries.
+In the mean time you can install `@testing-library/react@^13.1`
 
 ## Table of Contents
 
@@ -213,7 +214,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="https://github.com/VinceMalone"><img src="https://avatars0.githubusercontent.com/u/2516349?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Vince Malone</b></sub></a><br /><a href="https://github.com/testing-library/react-hooks-testing-library/commits?author=VinceMalone" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/doppelmutzi"><img src="https://avatars1.githubusercontent.com/u/4130968?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sebastian Weber</b></sub></a><br /><a href="#blog-doppelmutzi" title="Blogposts">📝</a></td>
     <td align="center"><a href="https://gillchristian.xyz"><img src="https://avatars2.githubusercontent.com/u/8309423?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Christian Gill</b></sub></a><br /><a href="https://github.com/testing-library/react-hooks-testing-library/commits?author=gillchristian" title="Documentation">📖</a></td>
-    <td align="center"><a href="https://jsjoe.io"><img src="https://avatars3.githubusercontent.com/u/3806031?v=4?s=100" width="100px;" alt=""/><br /><sub><b>JavaScript Joe</b></sub></a><br /><a href="#tutorial-jsjoeio" title="Tutorials">✅</a></td>
+    <td align="center"><a href="https://jsjoe.io"><img src="https://avatars3.githubusercontent.com/u/3806031?v=4?s=100" width="100px;" alt=""/><br /><sub><b>JavaScript Joe</b></sub></a><br /><a href="#tutorial-jsjoeio" title="Tutorials">✅</a> <a href="https://github.com/testing-library/react-hooks-testing-library/commits?author=jsjoeio" title="Tests">⚠️</a></td>
   </tr>
   <tr>
     <td align="center"><a href="http://frontstuff.io"><img src="https://avatars1.githubusercontent.com/u/5370675?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sarah Dayan</b></sub></a><br /><a href="#platform-sarahdayan" title="Packaging/porting to new platform">📦</a></td>

docs/api-reference.md

@@ -327,7 +327,7 @@ variable to `true` before importing `@testing-library/react-hooks` will also dis
 If you are using [a pure import](/installation#pure-imports), you are running your tests in an
 environment that does not support `beforeEach` and `afterEach`, or if the automatic suppression is
 not available to you for some other reason, then you can use the `suppressErrorOutput` export to
-manually start and top suppress the output:
+manually start and stop suppressing the output:
 
 ```ts
 import { renderHook, suppressErrorOutput } from '@testing-library/react-hooks/pure'

src/__tests__/ssr.test.ts

@@ -0,0 +1,18 @@
+/**
+ * @jest-environment node
+ */
+import { useState } from 'react'
+
+// This verifies that renderHook can be called in
+// a SSR-like environment.
+describe('renderHook', () => {
+  function useLoading() {
+    const [loading, setLoading] = useState(false)
+    return { loading, setLoading }
+  }
+  runForRenderers(['server'], ({ renderHook }) => {
+    test('should not throw in SSR environment', () => {
+      expect(() => renderHook(() => useLoading())).not.toThrowError('document is not defined')
+    })
+  })
+})

src/server/pure.ts

@@ -13,19 +13,17 @@ function createServerRenderer<TProps, TResult>(
 ) {
   let renderProps: TProps | undefined
   let container: HTMLDivElement | undefined
-  let serverOutput: string = ''
+  let serverOutput = ''
   const testHarness = createTestHarness(rendererProps, wrapper, false)
 
   return {
     render(props?: TProps) {
       renderProps = props
-      act(() => {
-        try {
-          serverOutput = ReactDOMServer.renderToString(testHarness(props))
-        } catch (e: unknown) {
-          rendererProps.setError(e as Error)
-        }
-      })
+      try {
+        serverOutput = ReactDOMServer.renderToString(testHarness(props))
+      } catch (e: unknown) {
+        rendererProps.setError(e as Error)
+      }
     },
     hydrate() {
       if (container) {