How to pass props to Modal?

[royal solstice]

I have a table with an action button for each row and I want to show a view detail.
How do I pass a props (row or row id) to a Model?

[near acorn]

You should add an extra state for this and update the state when the user opens the modal

[royal solstice]

Thanks for the feedback, but I still don't understand. How to pass props to the Model? Something I missed?

[near acorn]

const [data, setData] = useState(...);

<div onClick={() => {
  setData(...);
  open();
}}>
  ...
</div>

and pass this data to Modal component