Update tutorial.md

docs/tutorial.md

@@ -104,6 +104,16 @@ const Page = () => {
 };
 ```
 
+> **💡 Important note 💡**
+>
+> Sometimes, you will have issues at some points with elements not properly registered spatially.
+> We'd like to mention it right now because you will not understand once you get the issue (if you ever do).
+>
+> The symptom is that the elements order can be messed up when trying to navigate. It happens usually when dealing with **asynchronous data** and **conditional rendering**.
+> _Workaround is simple_, but we'd recommend to be aware of it 😉
+>
+> [Read it here!](https://github.com/bamlab/react-tv-space-navigation/blob/main/docs/pitfalls.md)
+
 ### Add behaviour when you select an element
 
 Simply add an `onSelect` props to a node, very similarly as if you were adding a `onPress` props.
@@ -203,13 +213,6 @@ Check out the [ScrollView API docs](https://github.com/bamlab/react-tv-space-nav
 
 See the [API documentation for VirtualizedLists](./api.md#spatialnavigationvirtualizedlist).
 
-### Don't forget to check out the pitfalls
-
-⚠️ It is very likely that you will have issues at some points with elements not properly registered. It happens often when dealing with asynchronous data.
-Workaround is simple but you should be aware of this limitation 😉
-
-[Read it here!](https://github.com/bamlab/react-tv-space-navigation/blob/main/docs/pitfalls.md)
-
 ### Handling a side menu
 
 You can check out the example app for this.