Practical Exercise: Identify the Vulnerability

Task

This exercise aims to provide hands-on experience in identifying and mitigating an XSS vulnerability in a popular React library. It will enhance understanding of secure coding practices and the importance of sanitizing user inputs in web applications.

Instructions

• Identify the vulnerability: Go through the package.json file and find which package is vulnerable.

• Run the coding playground exercise below and observe a vulnerability in practice. Identify where it happens and why.

• Implement a secure alternative to your findings

• Write tests to ensure your new table implementation is not susceptible to the same XSS vulnerability.

Coding playground

Use the following sample React Application to solve the task at hand in which we are rendering a table width of various data using the react-bootstrap-table .