'Ant Design Editable Table: interface can only be used in typescript files

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 :)



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source