Created share token hook.

components/metrics/ActiveUsers.js

@@ -3,12 +3,15 @@ import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
 import useFetch from 'hooks/useFetch';
 import Dot from 'components/common/Dot';
+import { TOKEN_HEADER } from 'lib/constants';
+import useShareToken from 'hooks/useShareToken';
 import styles from './ActiveUsers.module.css';
 
-export default function ActiveUsers({ websiteId, token, className }) {
+export default function ActiveUsers({ websiteId, className }) {
+  const shareToken = useShareToken();
   const { data } = useFetch(`/api/website/${websiteId}/active`, {
-    params: { token },
     interval: 60000,
+    headers: { [TOKEN_HEADER]: shareToken?.token },
   });
   const count = useMemo(() => {
     return data?.[0]?.x || 0;