Is there a way from stopping screens overlapping on each other like this in react native?

I've followed the react navigation example exactly, however my screens keep stacking on top of each other like this initially it gives the error

Found screens with the same name nested inside one another.

However, even in the cases where I give them unique names it still occurs. Anyone have any idea how to fix this? I'm using the latest version (6.x) example in the react navigation docs.