@eeacms/volto-tableau 6.0.2 → 6.0.3

package/CHANGELOG.md

@@ -4,12 +4,16 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [6.0.3](https://github.com/eea/volto-tableau/compare/6.0.2...6.0.3) - 10 November 2023
+
+#### :hammer_and_wrench: Others
+
+- fix tableau for real this time [Miu Razvan - [`a304c2c`](https://github.com/eea/volto-tableau/commit/a304c2cce2a68cfa6b1123a853cfda0b57501ab3)]
 ### [6.0.2](https://github.com/eea/volto-tableau/compare/6.0.1...6.0.2) - 10 November 2023
 
 #### :rocket: New Features
 
 - feat: fix tableau not loading on hard reload [Miu Razvan - [`f37867f`](https://github.com/eea/volto-tableau/commit/f37867f3d07c5dd05b91ea0b758eced631afd458)]
-- feat: mobile toolbar [Miu Razvan - [`d4f0812`](https://github.com/eea/volto-tableau/commit/d4f08122a743f4787177d6d2bc3aabeebf6bf311)]
 
 ### [6.0.1](https://github.com/eea/volto-tableau/compare/6.0.0...6.0.1) - 10 November 2023
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-tableau",
-  "version": "6.0.2",
+  "version": "6.0.3",
   "description": "@eeacms/volto-tableau: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/Tableau/Tableau.jsx

@@ -333,7 +333,6 @@ const Tableau = forwardRef((props, ref) => {
   }, [data]);
 
   useEffect(() => {
-    // console.log('HERE trigger initiateViz', tableau, url);
     if (!tableau) return;
     if (url) {
       disposeViz();

package/src/hooks.js

@@ -1,11 +1,10 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useRef } from 'react';
 import { loadTableauScript } from './helpers';
 
-let clock;
-
 const TIMEOUT = 10000;
 
 export const useTableau = (version) => {
+  const clock = useRef();
   const [tableau, setTableau] = useState();
 
   useEffect(() => {
@@ -13,20 +12,20 @@ export const useTableau = (version) => {
 
     const startTime = new Date().getTime();
 
-    clock = setInterval(() => {
+    clock.current = setInterval(() => {
       const tableauApi = window[`tableau_${version}`];
       if (tableauApi) {
         setTableau(tableauApi);
-        clearInterval(clock);
+        clearInterval(clock.current);
         return;
       }
       if (new Date().getTime() - startTime > TIMEOUT) {
-        clearInterval(clock);
+        clearInterval(clock.current);
       }
     }, 100);
 
     return () => {
-      clearInterval(clock);
+      clearInterval(clock.current);
     };
   }, [version]);