Working on REACT with PyCharm, how to set a break point for debugging?

I am working on a REACT frontend project with the company's Professional subscription of PyCharm IDE.

I hope to set a break point for the piece of sample source code below. For example, I need to place the break point at the line below, so that I can step into the RedeemButtonCell function call.

 'has_redeemed_order_items': props => <RedeemButtonCell {...props} />,

Question:

I started running the project with the debug button. However, when the REACT frontend project did not stop as expected at the break point. I am new to REACT, so I will highly appreciate any hints or suggestions.

And, please let me know if you need more details.

The sample source code of REACT project:

...
let cells = {
    'fulfillment_ts': props => <TSToDatetimeCell {...props} />,
    'details': props => <ViewButtonCell {...props}/>,
    'has_redeemed_order_items': props => <RedeemButtonCell {...props} />,
    'total_price': props => <DollarCell {...props} />,
    'payment_amount': props => <DollarCell {...props} />,
    'customer': {
        'email': props => <MailToCell {...props} />
    }
};
...