useStateでstateを変更しているのにリアルタイムに再描画されない

結論

一時変数にstateを入れて、配列やオブジェクトの場合は展開して新しい配列として扱いましょう。

let temp = { ...props.samples };

ダメなやり方

一時変数に入れてるから以下のようにすれば大丈夫でしょって思っても、これは参照渡しになっています。
同じオブジェクトをいじろうとしてもうまく行きません。新しい配列を作るために展開してあげる必要があります。

//props.samples={hoge:"hoge", fuga:"fuga"}
let temp = props.samples; 
setState(temp)