diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx index 5d9be9dec4..9f4956237b 100644 --- a/frontend/src/Editor/Components/Table/Table.jsx +++ b/frontend/src/Editor/Components/Table/Table.jsx @@ -35,6 +35,7 @@ import { IconEyeOff } from '@tabler/icons'; import * as XLSX from 'xlsx/xlsx.mjs'; import OverlayTrigger from 'react-bootstrap/OverlayTrigger'; import Popover from 'react-bootstrap/Popover'; +import { useMounted } from '@/_hooks/use-mount'; export function Table({ id, @@ -113,6 +114,7 @@ export function Table({ const [hoverAdded, setHoverAdded] = useState(false); const mergeToTableDetails = (payload) => dispatch(reducerActions.mergeToTableDetails(payload)); const mergeToFilterDetails = (payload) => dispatch(reducerActions.mergeToFilterDetails(payload)); + const mounted = useMounted(); useEffect(() => { setExposedVariable( @@ -440,9 +442,8 @@ export function Table({ useEffect(() => { if (!sortOptions) { setExposedVariable('sortApplied', []); - return; } - setExposedVariable('sortApplied', sortOptions).then(() => fireEvent('onSort')); + if (mounted) setExposedVariable('sortApplied', sortOptions).then(() => fireEvent('onSort')); }, [sortOptions]); registerAction(