diff --git a/README.md b/README.md
index aca5707..8cb9422 100644
--- a/README.md
+++ b/README.md
@@ -23,6 +23,8 @@ This master branch now reflects the development of the next major release of thi
 
 [See the demo site!](https://react-collapsed.netlify.com/)
 
+[CodeSandbox demo](https://codesandbox.io/s/magical-browser-vibv2?file=/src/App.tsx)
+
 ## Installation
 
 ```bash
@@ -60,14 +62,14 @@ import React, { useState } from 'react';
 import useCollapse from 'react-collapsed';
 
 function Demo() {
-  const [isExpanded, setOpen] = useState(false);
+  const [isExpanded, setExpanded] = useState(false);
   const { getCollapseProps, getToggleProps } = useCollapse({ isExpanded });
 
   return (
     <div>
       <button
         {...getToggleProps({
-          onClick: () => setOpen((oldOpen) => !oldOpen),
+          onClick: () => setExpanded((prevExpanded) => !prevExpanded),
         })}
       >
         {isExpanded ? 'Collapse' : 'Expand'}
@@ -85,8 +87,7 @@ const {
   getCollapseProps,
   getToggleProps,
   isExpanded,
-  toggleOpen,
-  mountChildren,
+  setExpanded,
 } = useCollapse({
   isExpanded: boolean,
   defaultExpanded: boolean,
@@ -95,6 +96,10 @@ const {
   collapsedHeight: 0,
   easing: string,
   duration: number,
+  onCollapseStart: func,
+  onCollapseEnd: func,
+  onExpandStart: func,
+  onExpandEnd: func,
 });
 ```
 
@@ -102,15 +107,19 @@ const {
 
 The following are optional properties passed into `useCollapse({ })`:
 
-| Prop            | Type    | Default                        | Description                                                                                                                                         |
-| --------------- | ------- | ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
-| isExpanded      | boolean | `undefined`                    | If true, the Collapse is expanded                                                                                                                   |
-| defaultExpanded | boolean | `false`                        | If true, the Collapse will be expanded when mounted                                                                                                 |
-| expandStyles    | object  | `{}`                           | Style object applied to the collapse panel when it expands                                                                                          |
-| collapseStyles  | object  | `{}`                           | Style object applied to the collapse panel when it collapses                                                                                        |
-| collapsedHeight | number  | `0`                            | The height of the content when collapsed                                                                                                            |
-| easing          | string  | `cubic-bezier(0.4, 0, 0.2, 1)` | The transition timing function for the animation                                                                                                    |
-| duration        | number  | `undefined`                    | The duration of the animation in milliseconds. By default, the duration is programmatically calculated based on the height of the collapsed element |
+| Prop            | Type     | Default                        | Description                                                                                                                                         |
+| --------------- | -------- | ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| isExpanded      | boolean  | `undefined`                    | If true, the Collapse is expanded                                                                                                                   |
+| defaultExpanded | boolean  | `false`                        | If true, the Collapse will be expanded when mounted                                                                                                 |
+| expandStyles    | object   | `{}`                           | Style object applied to the collapse panel when it expands                                                                                          |
+| collapseStyles  | object   | `{}`                           | Style object applied to the collapse panel when it collapses                                                                                        |
+| collapsedHeight | number   | `0`                            | The height of the content when collapsed                                                                                                            |
+| easing          | string   | `cubic-bezier(0.4, 0, 0.2, 1)` | The transition timing function for the animation                                                                                                    |
+| duration        | number   | `undefined`                    | The duration of the animation in milliseconds. By default, the duration is programmatically calculated based on the height of the collapsed element |
+| onCollapseStart | function | no-op                          | Handler called when the collapse animation begins                                                                                                   |
+| onCollapseEnd   | function | no-op                          | Handler called when the collapse animation ends                                                                                                     |
+| onExpandStart   | function | no-op                          | Handler called when the expand animation begins                                                                                                     |
+| onExpandEnd     | function | no-op                          | Handler called when the expand animation ends                                                                                                       |
 
 ### What you get
 
@@ -119,8 +128,7 @@ The following are optional properties passed into `useCollapse({ })`:
 | getCollapseProps | Function that returns a prop object, which should be spread onto the collapse element                       |
 | getToggleProps   | Function that returns a prop object, which should be spread onto an element that toggles the collapse panel |
 | isExpanded       | Whether or not the collapse is expanded (if not controlled)                                                 |
-| toggleExpanded   | Function that will toggle the expanded state of the collapse panel                                          |
-| mountChildren    | Whether or not the collapse panel content should be visible                                                 |
+| toggleExpanded   | Sets the hook's internal isExpanded state                                                                   |
 
 ## Alternative Solutions
 
diff --git a/example/index.tsx b/example/index.tsx
index 117fa05..bc34103 100644
--- a/example/index.tsx
+++ b/example/index.tsx
@@ -8,7 +8,6 @@ const collapseStyles = { background: 'blue', color: 'white' };
 export const Uncontrolled = () => {
   const { getCollapseProps, getToggleProps, isExpanded } = useCollapse({
     defaultExpanded: true,
-    isExpanded: false,
   });
 
   return (
diff --git a/package.json b/package.json
index 5493912..ede30a0 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,6 @@
     "@storybook/react": "^5.3.12",
     "@testing-library/jest-dom": "^5.3.0",
     "@testing-library/react": "^10.0.2",
-    "@testing-library/react-hooks": "^3.2.1",
     "@types/jest": "^25.1.2",
     "@types/raf": "^3.4.0",
     "@types/react": "^16.9.19",
diff --git a/src/__tests__/index.test.tsx b/src/__tests__/index.test.tsx
index a3f8c6b..1f80af2 100644
--- a/src/__tests__/index.test.tsx
+++ b/src/__tests__/index.test.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import { render, fireEvent } from '@testing-library/react';
-import { renderHook } from '@testing-library/react-hooks';
 import { mocked } from 'ts-jest/utils';
 import useCollapse from '../';
 import { getElementHeight } from '../utils';
@@ -16,20 +15,15 @@ const Collapse: React.FC<{
   toggleProps?: GetTogglePropsInput;
   collapseProps?: GetCollapsePropsInput;
   props?: UseCollapseInput;
-  unmountChildren?: boolean;
-}> = ({ toggleProps, collapseProps, props, unmountChildren = false }) => {
-  const { getCollapseProps, getToggleProps, mountChildren } = useCollapse(
-    props
-  );
+}> = ({ toggleProps, collapseProps, props }) => {
+  const { getCollapseProps, getToggleProps } = useCollapse(props);
   return (
     <>
       <div {...getToggleProps(toggleProps)} data-testid="toggle">
         Toggle
       </div>
       <div {...getCollapseProps(collapseProps)} data-testid="collapse">
-        {unmountChildren && mountChildren && (
-          <div style={{ height: 400 }}>content</div>
-        )}
+        {<div style={{ height: 400 }}>content</div>}
       </div>
     </>
   );
@@ -40,16 +34,6 @@ test('does not throw', () => {
   expect(result).not.toThrow();
 });
 
-test('returns expected constants', () => {
-  const { result } = renderHook(useCollapse);
-
-  expect(result.current.isExpanded).toStrictEqual(false);
-  expect(result.current.mountChildren).toStrictEqual(false);
-  expect(typeof result.current.toggleExpanded).toBe('function');
-  expect(typeof result.current.getToggleProps()).toBe('object');
-  expect(typeof result.current.getCollapseProps()).toBe('object');
-});
-
 test('Toggle has expected props when closed (default)', () => {
   const { getByTestId } = render(<Collapse />);
   const toggle = getByTestId('toggle');
@@ -153,21 +137,6 @@ test('toggle click calls onClick argument with isExpanded', () => {
   expect(onClick).toHaveBeenCalled();
 });
 
-describe('mountChildren', () => {
-  it('children not rendered when mounted closed', () => {
-    const { getByTestId } = render(<Collapse unmountChildren />);
-    const collapse = getByTestId('collapse');
-    expect(collapse.textContent).toBe('');
-  });
-
-  it('children rendered when mounted open', () => {
-    const { queryByText } = render(
-      <Collapse props={{ defaultExpanded: true }} unmountChildren />
-    );
-    expect(queryByText('content')).toBeInTheDocument();
-  });
-});
-
 test('warns if using padding on collapse', () => {
   // Mocking console.warn so it does not log to the console,
   // but we can still intercept the message
diff --git a/src/__tests__/utils.test.ts b/src/__tests__/utils.test.ts
deleted file mode 100644
index 85006aa..0000000
--- a/src/__tests__/utils.test.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { getElementHeight, callAll } from '../utils';
-
-const mockRef = {
-  current: {
-    scrollHeight: 400,
-  },
-};
-
-test('returns scrollHeight', () => {
-  expect(getElementHeight(mockRef)).toBe(400);
-});
-
-describe('callAll', () => {
-  it('it calls the two functions passed into it', () => {
-    const functionOne = jest.fn();
-    const functionTwo = jest.fn();
-    const theFunk = callAll(functionOne, functionTwo);
-    theFunk();
-    expect(functionOne).toHaveBeenCalled();
-    expect(functionTwo).toHaveBeenCalled();
-  });
-});
diff --git a/src/__tests__/hooks.test.tsx b/src/__tests__/utils.test.tsx
similarity index 83%
rename from src/__tests__/hooks.test.tsx
rename to src/__tests__/utils.test.tsx
index 735df3f..2439cef 100644
--- a/src/__tests__/hooks.test.tsx
+++ b/src/__tests__/utils.test.tsx
@@ -1,6 +1,17 @@
 import React from 'react';
+import { useEffectAfterMount, useControlledState, callAll } from '../utils';
 import { render, act } from '@testing-library/react';
-import { useEffectAfterMount, useControlledState } from '../hooks';
+
+describe('callAll', () => {
+  it('it calls the two functions passed into it', () => {
+    const functionOne = jest.fn();
+    const functionTwo = jest.fn();
+    const theFunk = callAll(functionOne, functionTwo);
+    theFunk();
+    expect(functionOne).toHaveBeenCalled();
+    expect(functionTwo).toHaveBeenCalled();
+  });
+});
 
 describe('useEffectAfterMount', () => {
   it('does not run callback on first render', () => {
@@ -23,7 +34,7 @@ describe('useEffectAfterMount', () => {
 });
 
 describe('useControlledState', () => {
-  let hookReturn: [boolean, () => void];
+  let hookReturn: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
 
   function UseControlledState({
     defaultExpanded,
@@ -32,7 +43,7 @@ describe('useControlledState', () => {
     defaultExpanded?: boolean;
     isExpanded?: boolean;
   }) {
-    const result = useControlledState({ defaultExpanded, isExpanded });
+    const result = useControlledState(isExpanded, defaultExpanded);
 
     hookReturn = result;
 
@@ -58,7 +69,7 @@ describe('useControlledState', () => {
     expect(hookReturn[0]).toBe(true);
 
     act(() => {
-      hookReturn[1]();
+      hookReturn[1]((n) => !n);
     });
 
     expect(hookReturn[0]).toBe(false);
@@ -78,7 +89,7 @@ describe('useControlledState', () => {
     });
 
     function Foo({ isExpanded }: { isExpanded?: boolean }) {
-      useControlledState({ isExpanded });
+      useControlledState(isExpanded);
       return <div />;
     }
 
diff --git a/src/hooks.ts b/src/hooks.ts
deleted file mode 100644
index e94ee25..0000000
--- a/src/hooks.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { RefObject, useState, useRef, useEffect, useCallback } from 'react';
-import warning from 'tiny-warning';
-
-export function useControlledState({
-  isExpanded,
-  defaultExpanded,
-}: {
-  isExpanded?: boolean;
-  defaultExpanded?: boolean;
-}): [boolean, () => void] {
-  const [stateExpanded, setStateExpanded] = useState<boolean>(
-    defaultExpanded || false
-  );
-  const initiallyControlled = useRef<boolean>(isExpanded != null);
-  const expanded = initiallyControlled.current
-    ? isExpanded || false
-    : stateExpanded;
-  const toggleExpanded = useCallback(() => {
-    if (!initiallyControlled.current) {
-      setStateExpanded((oldExpanded) => !oldExpanded);
-    }
-  }, []);
-
-  useEffect(() => {
-    warning(
-      !(initiallyControlled.current && isExpanded == null),
-      'useCollapse is changing from controlled to uncontrolled. useCollapse should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled collapse for the lifetime of the component. Check the `isExpanded` prop.'
-    );
-    warning(
-      !(!initiallyControlled.current && isExpanded != null),
-      'useCollapse is changing from uncontrolled to controlled. useCollapse should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled collapse for the lifetime of the component. Check the `isExpanded` prop.'
-    );
-  }, [isExpanded]);
-
-  return [expanded, toggleExpanded];
-}
-
-export function useEffectAfterMount(
-  cb: () => void,
-  dependencies: unknown[]
-): void {
-  const justMounted = useRef(true);
-  // eslint-disable-next-line consistent-return
-  useEffect(() => {
-    if (!justMounted.current) {
-      return cb();
-    }
-    justMounted.current = false;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, dependencies);
-}
-
-// Unique ID implementation borrowed from React UI :)
-// https://github.com/reach/reach-ui/blob/6e9dbcf716d5c9a3420e062e5bac1ac4671d01cb/packages/auto-id/src/index.js
-let idCounter = 0;
-const genId = (): number => ++idCounter;
-
-/**
- * This generates a unique ID for an instance of Collapse
- * @return {String} the unique ID
- */
-export function useUniqueId(): number {
-  const [id, setId] = useState(0);
-  useEffect(() => setId(genId()), []);
-  return id;
-}
-
-export function usePaddingWarning(element: RefObject<HTMLElement>): void {
-  // @ts-ignore
-  let warn = (el?: RefObject<HTMLElement>): void => {};
-
-  if (__DEV__) {
-    warn = (el) => {
-      if (!el?.current) {
-        return;
-      }
-      const { paddingTop, paddingBottom } = window.getComputedStyle(el.current);
-      const hasPadding =
-        (paddingTop && paddingTop !== '0px') ||
-        (paddingBottom && paddingBottom !== '0px');
-
-      warning(
-        !hasPadding,
-        'react-collapsed: Padding applied to the collapse element will cause the animation to break and not perform as expected. To fix, apply equivalent padding to the direct descendent of the collapse element.'
-      );
-    };
-  }
-
-  useEffect(() => {
-    warn(element);
-  }, [element]);
-}
diff --git a/src/index.ts b/src/index.ts
index 13388f1..78f0c36 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,17 +1,21 @@
-import { useState, useRef, TransitionEvent, CSSProperties } from 'react';
+import {
+  useState,
+  useRef,
+  useCallback,
+  TransitionEvent,
+  CSSProperties,
+} from 'react';
 import {
   noop,
   callAll,
   getElementHeight,
   getAutoHeightDuration,
   mergeRefs,
-} from './utils';
-import {
   usePaddingWarning,
   useUniqueId,
   useEffectAfterMount,
   useControlledState,
-} from './hooks';
+} from './utils';
 import {
   UseCollapseInput,
   UseCollapseOutput,
@@ -29,9 +33,18 @@ export default function useCollapse({
   easing = easeInOut,
   collapseStyles = {},
   expandStyles = {},
+  onExpandStart = noop,
+  onExpandEnd = noop,
+  onCollapseStart = noop,
+  onCollapseEnd = noop,
+  isExpanded: configIsExpanded,
+  defaultExpanded = false,
   ...initialConfig
 }: UseCollapseInput = {}): UseCollapseOutput {
-  const [isExpanded, toggleExpanded] = useControlledState(initialConfig);
+  const [isExpanded, setExpanded] = useControlledState(
+    configIsExpanded,
+    defaultExpanded
+  );
   const uniqueId = useUniqueId();
   const el = useRef<HTMLElement | null>(null);
   usePaddingWarning(el);
@@ -44,10 +57,9 @@ export default function useCollapse({
   const [styles, setStyles] = useState<CSSProperties>(
     isExpanded ? {} : collapsedStyles
   );
-  const [mountChildren, setMountChildren] = useState<boolean>(isExpanded);
-  const mergeStyles = (newStyles: {}): void => {
+  const mergeStyles = useCallback((newStyles: {}): void => {
     setStyles((oldStyles) => ({ ...oldStyles, ...newStyles }));
-  };
+  }, []);
 
   function getTransitionStyles(
     height: number | string
@@ -61,7 +73,7 @@ export default function useCollapse({
   useEffectAfterMount(() => {
     if (isExpanded) {
       raf(() => {
-        setMountChildren(true);
+        onExpandStart();
         mergeStyles({
           ...expandStyles,
           willChange: 'height',
@@ -78,6 +90,7 @@ export default function useCollapse({
       });
     } else {
       raf(() => {
+        onCollapseStart();
         const height = getElementHeight(el);
         mergeStyles({
           ...collapseStyles,
@@ -122,11 +135,13 @@ export default function useCollapse({
         mergeStyles({ height });
       }
 
+      onExpandEnd();
+
       // If the height we should be animating to matches the collapsed height,
       // it's safe to apply the collapsed overrides
     } else if (styles.height === collapsedHeight) {
-      setMountChildren(false);
       setStyles(collapsedStyles);
+      onCollapseEnd();
     }
   };
 
@@ -144,7 +159,7 @@ export default function useCollapse({
       tabIndex: 0,
       disabled,
       ...rest,
-      onClick: disabled ? noop : callAll(onClick, toggleExpanded),
+      onClick: disabled ? noop : callAll(onClick, () => setExpanded((n) => !n)),
     };
   }
 
@@ -175,7 +190,6 @@ export default function useCollapse({
     getToggleProps,
     getCollapseProps,
     isExpanded,
-    toggleExpanded,
-    mountChildren,
+    setExpanded,
   };
 }
diff --git a/src/types.ts b/src/types.ts
index 2140bac..67247f5 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -6,10 +6,6 @@ import {
   MutableRefObject,
 } from 'react';
 
-type Dispatch<A> = (value: A) => void;
-type SetStateAction<S> = S | ((prevState: S) => S);
-export type StateSetter = Dispatch<SetStateAction<boolean>>;
-
 type ButtonType = 'submit' | 'reset' | 'button';
 type AriaBoolean = boolean | 'true' | 'false';
 
@@ -25,16 +21,6 @@ export type AssignableRef<ValueType> =
     }['bivarianceHack']
   | MutableRefObject<ValueType | null>;
 
-export interface UseCollapseInput {
-  isExpanded?: boolean;
-  defaultExpanded?: boolean;
-  collapsedHeight?: number;
-  expandStyles?: {};
-  collapseStyles?: {};
-  easing?: string;
-  duration?: number;
-}
-
 export interface GetTogglePropsOutput {
   disabled: boolean;
   type: ButtonType;
@@ -67,10 +53,23 @@ export interface GetCollapsePropsInput {
   ref?: (node: ReactNode) => void | null | undefined;
 }
 
+export interface UseCollapseInput {
+  isExpanded?: boolean;
+  defaultExpanded?: boolean;
+  collapsedHeight?: number;
+  expandStyles?: {};
+  collapseStyles?: {};
+  easing?: string;
+  duration?: number;
+  onCollapseStart?: () => void;
+  onCollapseEnd?: () => void;
+  onExpandStart?: () => void;
+  onExpandEnd?: () => void;
+}
+
 export interface UseCollapseOutput {
   getCollapseProps: (config?: GetCollapsePropsInput) => GetCollapsePropsOutput;
   getToggleProps: (config?: GetTogglePropsInput) => GetTogglePropsOutput;
   isExpanded: boolean;
-  mountChildren: boolean;
-  toggleExpanded: () => void;
+  setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
 }
diff --git a/src/utils.ts b/src/utils.ts
index 0b442f5..29cba94 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { RefObject, useState, useRef, useEffect, useCallback } from 'react';
 import warning from 'tiny-warning';
 import { AssignableRef } from './types';
 
@@ -73,3 +73,88 @@ export function mergeRefs<RefValueType = any>(
     });
   };
 }
+
+export function useControlledState(
+  isExpanded?: boolean,
+  defaultExpanded?: boolean
+): [boolean, React.Dispatch<React.SetStateAction<boolean>>] {
+  const [stateExpanded, setStateExpanded] = useState(defaultExpanded || false);
+  const initiallyControlled = useRef(isExpanded != null);
+  const expanded = initiallyControlled.current
+    ? (isExpanded as boolean)
+    : stateExpanded;
+  const setExpanded = useCallback((n) => {
+    if (!initiallyControlled.current) {
+      setStateExpanded(n);
+    }
+  }, []);
+
+  useEffect(() => {
+    warning(
+      !(initiallyControlled.current && isExpanded == null),
+      'useCollapse is changing from controlled to uncontrolled. useCollapse should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled collapse for the lifetime of the component. Check the `isExpanded` prop.'
+    );
+    warning(
+      !(!initiallyControlled.current && isExpanded != null),
+      'useCollapse is changing from uncontrolled to controlled. useCollapse should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled collapse for the lifetime of the component. Check the `isExpanded` prop.'
+    );
+  }, [isExpanded]);
+
+  return [expanded, setExpanded];
+}
+
+export function useEffectAfterMount(
+  cb: () => void,
+  dependencies: unknown[]
+): void {
+  const justMounted = useRef(true);
+  // eslint-disable-next-line consistent-return
+  useEffect(() => {
+    if (!justMounted.current) {
+      return cb();
+    }
+    justMounted.current = false;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, dependencies);
+}
+
+// Unique ID implementation borrowed from React UI :)
+// https://github.com/reach/reach-ui/blob/6e9dbcf716d5c9a3420e062e5bac1ac4671d01cb/packages/auto-id/src/index.js
+let idCounter = 0;
+const genId = (): number => ++idCounter;
+
+/**
+ * This generates a unique ID for an instance of Collapse
+ * @return {String} the unique ID
+ */
+export function useUniqueId(): number {
+  const [id, setId] = useState(0);
+  useEffect(() => setId(genId()), []);
+  return id;
+}
+
+export function usePaddingWarning(element: RefObject<HTMLElement>): void {
+  // @ts-ignore
+  let warn = (el?: RefObject<HTMLElement>): void => {};
+
+  if (__DEV__) {
+    warn = (el) => {
+      if (!el?.current) {
+        return;
+      }
+      const { paddingTop, paddingBottom } = window.getComputedStyle(el.current);
+      const hasPadding =
+        (paddingTop && paddingTop !== '0px') ||
+        (paddingBottom && paddingBottom !== '0px');
+
+      warning(
+        !hasPadding,
+        'react-collapsed: Padding applied to the collapse element will cause the animation to break and not perform as expected. To fix, apply equivalent padding to the direct descendent of the collapse element.'
+      );
+    };
+  }
+
+  useEffect(() => {
+    warn(element);
+  }, [element]);
+}
diff --git a/stories/unmount.stories.tsx b/stories/unmount.stories.tsx
index b915b34..8db3fef 100644
--- a/stories/unmount.stories.tsx
+++ b/stories/unmount.stories.tsx
@@ -9,13 +9,15 @@ export default {
 };
 
 export function Unmount() {
-  const {
-    getCollapseProps,
-    getToggleProps,
-    isExpanded,
-    mountChildren,
-  } = useCollapse({
+  const [mountChildren, setMountChildren] = React.useState(true);
+  const { getCollapseProps, getToggleProps, isExpanded } = useCollapse({
     defaultExpanded: true,
+    onExpandStart() {
+      setMountChildren(true);
+    },
+    onCollapseEnd() {
+      setMountChildren(false);
+    },
   });
 
   return (
diff --git a/yarn.lock b/yarn.lock
index 5a9e673..9f21efd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1321,7 +1321,7 @@
     core-js-pure "^3.0.0"
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.2.0", "@babel/runtime@^7.3.1", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.4", "@babel/runtime@^7.7.6":
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.2.0", "@babel/runtime@^7.3.1", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.4", "@babel/runtime@^7.7.6":
   version "7.8.4"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.8.4.tgz#d79f5a2040f7caa24d53e563aad49cbc05581308"
   integrity sha512-neAp3zt80trRVBI1x0azq6c57aNBqYZH8KhMm3TaB7wEI5Q4A2SHfBHE8w9gOhI/lrqxtEbXZgQIrHP+wvSGwQ==
@@ -2805,14 +2805,6 @@
     lodash "^4.17.15"
     redent "^3.0.0"
 
-"@testing-library/react-hooks@^3.2.1":
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/@testing-library/react-hooks/-/react-hooks-3.2.1.tgz#19b6caa048ef15faa69d439c469033873ea01294"
-  integrity sha512-1OB6Ksvlk6BCJA1xpj8/WWz0XVd1qRcgqdaFAq+xeC6l61Ucj0P6QpA5u+Db/x9gU4DCX8ziR5b66Mlfg0M2RA==
-  dependencies:
-    "@babel/runtime" "^7.5.4"
-    "@types/testing-library__react-hooks" "^3.0.0"
-
 "@testing-library/react@^10.0.2":
   version "10.0.2"
   resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-10.0.2.tgz#8eca7aa52d810cf7150048a2829fdc487162006d"
@@ -3041,13 +3033,6 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-test-renderer@*":
-  version "16.9.2"
-  resolved "https://registry.yarnpkg.com/@types/react-test-renderer/-/react-test-renderer-16.9.2.tgz#e1c408831e8183e5ad748fdece02214a7c2ab6c5"
-  integrity sha512-4eJr1JFLIAlWhzDkBCkhrOIWOvOxcCAfQh+jiKg7l/nNZcCIL2MHl2dZhogIFKyHzedVWHaVP1Yydq/Ruu4agw==
-  dependencies:
-    "@types/react" "*"
-
 "@types/react-textarea-autosize@^4.3.3":
   version "4.3.5"
   resolved "https://registry.yarnpkg.com/@types/react-textarea-autosize/-/react-textarea-autosize-4.3.5.tgz#6c4d2753fa1864c98c0b2b517f67bb1f6e4c46de"
@@ -3127,14 +3112,6 @@
   dependencies:
     "@types/jest" "*"
 
-"@types/testing-library__react-hooks@^3.0.0":
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/@types/testing-library__react-hooks/-/testing-library__react-hooks-3.2.0.tgz#52f3a109bef06080e3b1e3ae7ea1c014ce859897"
-  integrity sha512-dE8iMTuR5lzB+MqnxlzORlXzXyCL0EKfzH0w/lau20OpkHD37EaWjZDz0iNG8b71iEtxT4XKGmSKAGVEqk46mw==
-  dependencies:
-    "@types/react" "*"
-    "@types/react-test-renderer" "*"
-
 "@types/testing-library__react@^10.0.0":
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/@types/testing-library__react/-/testing-library__react-10.0.1.tgz#92bb4a02394bf44428e35f1da2970ed77f803593"