[event] should use async effect hook

Author: jaredLunde

packages/event/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@react-hook/event",
- "version": "1.2.3",
+ "version": "1.2.4",
  "homepage": "https://github.com/jaredLunde/react-hook/tree/master/packages/event#readme",
  "repository": "github:jaredLunde/react-hook",
  "bugs": "https://github.com/jaredLunde/react-hook/issues",
@@ -126,9 +126,7 @@
  "react-test-renderer": "latest",
  "typescript": "latest"
  },
- "dependencies": {
- "@react-hook/passive-layout-effect": "^1.2.0"
- },
+ "dependencies": {},
  "peerDependencies": {
  "react": ">=16.8"
  }

packages/event/src/index.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react'
-import useLayoutEffect from '@react-hook/passive-layout-effect'
 
 function useEvent<
  T extends Window = Window,
@@ -32,19 +31,19 @@ function useEvent(target: any, type: any, listener: any, cleanup: any): void {
  const storedListener = React.useRef(listener)
  const storedCleanup = React.useRef(cleanup)
 
- useLayoutEffect(() => {
+ React.useEffect(() => {
  storedListener.current = listener
  storedCleanup.current = cleanup
  })
 
- useLayoutEffect(() => {
+ React.useEffect(() => {
  const targetEl = target && 'current' in target ? target.current : target
  if (!targetEl) return
 
  let didUnsubscribe = 0
  function listener(this: any, ...args: any[]) {
  if (didUnsubscribe) return
- storedListener.current.apply(this, args)
+ storedListener.current(this, args)
  }
 
  targetEl.addEventListener(type, listener)

packages/event/yarn.lock

@@ -1241,11 +1241,6 @@
  resolved "https://registry.yarnpkg.com/@react-hook/latest/-/latest-1.0.2.tgz#767eb6974f91eef353981b8b60a87147dadecb18"
  integrity sha512-zLtOIToct1EBTbwldkMJsXC2eCsmWOOP7z6UG0M/sCgnPExtIjvVMCpPESvPnMbQzDZytXVy0nvMbUuK2gZs2A==
 
-"@react-hook/passive-layout-effect@^1.2.0":
- version "1.2.0"
- resolved "https://registry.yarnpkg.com/@react-hook/passive-layout-effect/-/passive-layout-effect-1.2.0.tgz#1232f0b08f9bfd9f87a2898a3ae50d5f7731d806"
- integrity sha512-obGcMHoeiG/qp9djzlxwvlsAzL4a+JFaxTLvJv8GykipmS/TEkfvdcpu6orE1ZL4dAT7OpoGwHDc/LGJbkZzXQ==
-
 "@rollup/plugin-babel@^5.0.2":
  version "5.0.2"
  resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.0.2.tgz#d9351b9545b0c586a193fc99830d4b1a25317ed5"