fix wrong hook ..

Author: AlaricBaraou

src/A11yAnnouncer.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import useAnnounceStore from './announceStore';
 
 const offScreenStyle = {
@@ -16,6 +16,15 @@ const offScreenStyle = {
 export const A11yAnnouncer: React.FC = () => {
   const message = useAnnounceStore(state => state.message);
 
+  useEffect(() => {
+    window.addEventListener('cick', () => {
+      if (window.document.activeElement?.getAttribute('r3f-a11y')) {
+        //@ts-ignore
+        window.document.activeElement.blur();
+      }
+    });
+  });
+
   return (
     <div style={offScreenStyle} aria-atomic="true" aria-live="assertive">
       {message}

src/announceStore.tsx

@@ -1,21 +1,11 @@
 import create from 'zustand';
-import { useEffect } from 'react';
 
 type State = {
   message: string;
   a11yScreenReader: (message: string) => void;
 };
 
 const useAnnounceStore = create<State>(set => {
-  useEffect(() => {
-    window.addEventListener('cick', () => {
-      if (window.document.activeElement?.getAttribute('r3f-a11y')) {
-        //@ts-ignore
-        window.document.activeElement.blur();
-      }
-    });
-  });
-
   return {
     message: '',
     a11yScreenReader: message => {