How to re-render elements in return on link change?

Question

React

I have Route: I have links where I pass ID:
<Route path="/film/:film" component={Film} />

<Link to={`/film/${res.filmId}`} >{res.nameRu}</Link>

When the link ( ) changes, the filmIdvalues ​​in the variable change name, however, I have an external script connected: There is also this markup :
<script src="..."></script>
<div id="block" data-id={`${name}`}></div>
name<div id="block" data-id={`${name}`}></div>

Answer 1

Maybe it will help someone: We take out the
script in useEffectand set the dependency to name.
We wrap our block in another one divand assign it key={film}.
Solution author: Mikhail Osher