"Convert to Stateful Component" Error

[Seth]

When I try to do "Convert Stateless to Stateful Component" on this code:

const DepositRow = ({
  depositPercentage,
  gridInputStyle,
  gridItemStyle,
  handleUpdate,
  total
}) => {
  const depositAmount = (total * (depositPercentage / 100)).toFixed(2);
  return (
    <Fragment>
      <div className={gridItemStyle}>Deposit %:</div>
      <input
        type="text"
        name="depositPercentage"
        value={depositPercentage}
        onChange={e => handleUpdate(e)}
        className={gridInputStyle}
      />
      <div className={gridItemStyle}>Deposit:</div>
      <div className={gridItemStyle}>${depositAmount}</div>
      <div />
    </Fragment>
  );
};

I get this error:

Using 4.0.4

[Boris Litvinsky]

@itzsaga Fixed by e3bafd9

Please test on version 4.0.5

[Seth]

Works now. Awesome!