diff --git a/src/components/SideBar.tsx b/src/components/SideBar.tsx
index f9cdeba..58a6dcd 100644
--- a/src/components/SideBar.tsx
+++ b/src/components/SideBar.tsx
@@ -19,14 +19,12 @@ import * as React from 'react'
 import { useUpdateEffect } from 'react-use'
 import { cx } from 'utils/cx'
 import { parseURLSearch } from 'utils/general'
-import { loadWithPJAX, useOnPJAXDone, usePJAX, useRedirectedEvents } from 'utils/hooks/usePJAX'
+import { loadWithPJAX, useOnPJAXDone, usePJAX } from 'utils/hooks/usePJAX'
 import { useProgressBar } from 'utils/hooks/useProgressBar'
 import * as keyHelper from 'utils/keyHelper'
 import { Icon } from './Icon'
 
 const RawGitako: React.FC<Props & ConnectorState> = function RawGitako(props) {
-  useRedirectedEvents(window, 'pjax:fetch', 'pjax:start', document)
-  useRedirectedEvents(document, 'pjax:ready', 'pjax:end')
   const configContext = useConfigs()
   const accessToken = props.configContext.val.access_token
   const [baseSize] = React.useState(() => configContext.val.sideBarWidth)
diff --git a/src/utils/hooks/usePJAX.ts b/src/utils/hooks/usePJAX.ts
index dbd576c..5bcc62e 100644
--- a/src/utils/hooks/usePJAX.ts
+++ b/src/utils/hooks/usePJAX.ts
@@ -34,6 +34,10 @@ export function usePJAX() {
       },
     })
   }, [])
+
+  // bindings for legacy support
+  useRedirectedEvents(window, 'pjax:fetch', 'pjax:start', document)
+  useRedirectedEvents(document, 'pjax:ready', 'pjax:end')
 }
 
 export const loadWithPJAX = (url: string) => {