I found a great demo for a editable ant design table component.

https://codesandbox.io/s/antd-simple-editable-table-with-computed-cell-69x4l?file=/src/index.tsx

but the problem is I am not using typeScript in my project and I am not sure how to do it in JavaScript and make the table work. I have read the official documentation but the example is very complex to understand,

https://ant.design/components/table/#components-table-demo-edit-row

my question is how do I make the codesandbox demo I provided in JavaScript, I am familiar with how Table component works in ant design so If anyone could break down and explain how to make rows editable and the steps involved, it would be great.. thank you in advance :)