Documentation edits made through Mintlify web editor

Author: hahnbeelee

react-components.mdx

@@ -44,6 +44,26 @@ And the component will be rendered as a React component in the MDX file.
 
 <Counter />
 
+## Importing Components
+
+Just like in regular React, you can import components from other files.
+
+```jsx
+import { ColorGenerator } from "/snippets/color-generator.mdx"
+```
+
+<Warning>
+  But unlike regular React, you can't import components from every MDX file. Re-usable components can only be referenced from MDX files within the `snippets` folder.
+</Warning>
+
+After importing the component, you can use it in your MDX files like this:
+
+```jsx
+<ColorGenerator />
+```
+
+Learn more about [reusable snippets](/reusable-snippets).
+
 ### Complex Example
 
 You can also build much more complex components. Here's an example of a color generator component that uses multiple React hooks:
@@ -171,26 +191,6 @@ And the component will be rendered as a React component in the MDX file.
 
 <ColorGenerator />
 
-## Importing Components
-
-Just like in regular React, you can import components from other files.
-
-```jsx
-import { ColorGenerator } from "/snippets/color-generator.mdx"
-```
-
-<Warning>
-  But unlike regular React, you can't import components from every MDX file. Re-usable components can only be referenced from MDX files within the `snippets` folder.
-</Warning>
-
-After importing the component, you can use it in your MDX files like this:
-
-```jsx
-<ColorGenerator />
-```
-
-Learn more about [reusable snippets](/reusable-snippets).
-
 ## Considerations
 
 <AccordionGroup>