From 829609be2dbb7fb7eeee436937b37268941b75ee Mon Sep 17 00:00:00 2001
From: J Scott Smith <jscsmith@gmail.com>
Date: Sun, 17 Dec 2023 15:54:49 -0800
Subject: [PATCH] fix: mdx errors

---
 documentation/docs/migration-guides/v2-migration-guide.md | 4 ++--
 documentation/docs/usage/components/parallax-component.md | 2 +-
 documentation/docs/usage/usage.md                         | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/documentation/docs/migration-guides/v2-migration-guide.md b/documentation/docs/migration-guides/v2-migration-guide.md
index 8a1d7fda3..305fcd18a 100644
--- a/documentation/docs/migration-guides/v2-migration-guide.md
+++ b/documentation/docs/migration-guides/v2-migration-guide.md
@@ -6,7 +6,7 @@ sidebar_position: 1
 
 With mostly just new features, V3 also makes a few breaking changes. See the following and migrate any code that is affected.
 
-### Prop changes for <Parallax\>
+### Prop changes for `<Parallax/>`
 
 If you've used any of the following props rename to new ones, or refactor if they are no longer supported.
 
@@ -34,7 +34,7 @@ change it to:
 const parallaxController = useParallaxController();
 ```
 
-### Prop changes for <ParallaxBanner\>
+### Prop changes for `<ParallaxBanner/>`
 
 Layers now accept all [parallax props](/docs/usage/parallax-props) but you will need to update if you used the `layer.amount` prop.
 
diff --git a/documentation/docs/usage/components/parallax-component.md b/documentation/docs/usage/components/parallax-component.md
index e1a4b89a7..4d5131c45 100644
--- a/documentation/docs/usage/components/parallax-component.md
+++ b/documentation/docs/usage/components/parallax-component.md
@@ -61,7 +61,7 @@ const SlowAndFast = () => (
 
 :::info
 
-The `speed` prop simplifies the application of a `translateX` or `translateY` effect based on the `ParallaxController` scroll axis – [See <ParallaxProvider\> Props](/docs/usage/components/parallax-provider#parallaxprovider-props)
+The `speed` prop simplifies the application of a `translateX` or `translateY` effect based on the `ParallaxController` scroll axis – [See <ParallaxProvider /> Props](/docs/usage/components/parallax-provider#parallaxprovider-props)
 
 :::
 
diff --git a/documentation/docs/usage/usage.md b/documentation/docs/usage/usage.md
index ed0a0f1ba..cbe3a27f6 100644
--- a/documentation/docs/usage/usage.md
+++ b/documentation/docs/usage/usage.md
@@ -47,7 +47,7 @@ The hook will apply the effect styles directly to the element that the `ref` is
 
 Any of the [documented effects and configurations](/docs/usage/parallax-props) can be passed as params to the hook.
 
-### Or with <Parallax\>
+### Or with `<Parallax />`
 
 You can also use the [`<Parallax>`](/docs/usage/components/parallax-component) component. Here's an example that will transform the element on the [`translateY`](/docs/usage/parallax-props#css-effect-props) axis starting at `-20%` and ending at `20%` (`[-20, 20]` \*percent is assumed with no provided unit).