Documentation edits made through Mintlify web editor

Author: hahnbeelee

react-components.mdx

@@ -11,7 +11,6 @@ import { ColorGenerator } from "/snippets/color-generator.mdx";
 
 You can use React directly in your MDX files without any additional setup.
 
-
 ## Using React Components
 
 You can build components directly in your MDX files using [React hooks](https://react.dev/reference/react/hooks).
@@ -172,7 +171,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.
@@ -181,15 +179,17 @@ Just like in regular React, you can import components from other files.
 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 />
 ```
 
-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.
-
-Learn more about this limitation in the [reusable snippets](/reusable-snippets) documentation.
+Learn more about [reusable snippets](/reusable-snippets).
 
 ## Considerations
 
@@ -201,14 +201,10 @@ Learn more about this limitation in the [reusable snippets](/reusable-snippets)
     - **Initial Load**: Visitors may experience a flash of loading content before components render
     - **Accessibility**: Ensure dynamic content changes are announced to screen readers
   </Accordion>
-
   <Accordion title="Performance Best Practices">
     - **Optimize Dependency Arrays**: Include only necessary dependencies in your `useEffect` dependency arrays
     - **Memoize Complex Calculations**: Use `useMemo` or `useCallback` for expensive operations
     - **Reduce Re-renders**: Break large components into smaller ones to prevent cascading re-renders
     - **Lazy Loading**: Consider lazy loading complex components to improve initial page load time
   </Accordion>
-</AccordionGroup>
-
-
-
+</AccordionGroup>