react tui-grid scrolltop error

[junevil2004]

Summary
tui gird 우클릭 시 scrolltop 에러

Screenshots

Version
4.21.22

Additional context
import React, { useMemo, useCallback, useState, useEffect } from 'react';

import { Box, Typography, Button } from '@mui/material';

import TuiGrid from '@toast-ui/react-grid';

import 'tui-grid/dist/tui-grid.css';

import "tui-pagination/dist/tui-pagination.css";

const Grid = React.memo(({ url, columnData, height, title, menuId, objId, titleAlign, qId }) => {

const sampleData = [

{ id: 1, name: '홍길동', age: 30, email: '[email protected]' },

{ id: 2, name: '김철수', age: 25, email: '[email protected]' },

// ... 추가 데이터

];

const columns = [

{ header: '아이디', name: 'id', width: 100 },

{ header: '이름', name: 'name', width: 150 },

{ header: '나이', name: 'age', width: 100 },

{ header: '이메일', name: 'email', width: 200 }

];

return (

<>

<Typography style={{float:titleAlign, fontSize:'14px'}}>{title}

<TuiGrid

data={sampleData}

columns={columns}

headerHeight={40}

bodyHeight={height}

pagination={true}

pageOptions={{

useClient: true,

perPage: 10

}}

/>

</>

);

});

export default Grid;

Toast-Grid react버전으로 이렇게 하고 작성 하고 난 뒤

페이지 표시하는 부분이나 컬럼 가장자리같은 부분에 우클릭을 하면

Cannot read properties of null (reading 'scrollTop')

TypeError: Cannot read properties of null (reading 'scrollTop')

at ContainerComp._this.handleContextMenu [as contextmenu] (http://127.0.0.1:3000/static/js/bundle.js:110558:36)

at HTMLDivElement.eventProxy (http://127.0.0.1:3000/static/js/bundle.js:89448:37)

이 에러가 나고 있는데 도저히 찾아봐도 안나오고 이유가 뭔지 모르겠습니다..

고수분들 도와주세요 ㅠㅠ