react toast grid 에러 질문입니다..

Question

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: 'hong@example.com' },{ id: 2, name: '김철수', age: 25, email: 'kim@example.com' },// ... 추가 데이터];const columns = [{ header: '아이디', name: 'id', width: 100 },{ header: '이름', name: 'name', width: 150 },{ header: '나이', name: 'age', width: 100 },{ header: '이메일', name: 'email', width: 200 }];return (<>{title});});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)이 에러가 나고 있는데 도저히 찾아봐도 안나오고 이유가 뭔지 모르겠습니다..고수분들 도와주세요 ㅠㅠ

kkang01 · Accepted Answer

토스트 그리드 팀에서 예외 케이스 처리 안 한 것 같아요. 저도 가장자리 우클릭하면 그러네요.ContextMenu가 row나 cell에 우클릭해야 하는데 이상한 곳 클릭해서 그런가 봐요.오픈소스니 한번 기여해 보세요. +1 contribute

react toast grid 에러 질문입니다..

1개의 답변

#tui-grid 목록