diff --git a/website/docs/swizzling.mdx b/website/docs/swizzling.mdx index 390a598713..fe7a593c53 100644 --- a/website/docs/swizzling.mdx +++ b/website/docs/swizzling.mdx @@ -308,7 +308,7 @@ Swizzling ultimately means you have to maintain some additional React code that ## Wrapping your site with `` {#wrapper-your-site-with-root} -The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping card state...). +The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping cart state...). Swizzle it **manually** by creating a file at `src/theme/Root.js`: diff --git a/website/versioned_docs/version-2.0.1/swizzling.mdx b/website/versioned_docs/version-2.0.1/swizzling.mdx index 390a598713..fe7a593c53 100644 --- a/website/versioned_docs/version-2.0.1/swizzling.mdx +++ b/website/versioned_docs/version-2.0.1/swizzling.mdx @@ -308,7 +308,7 @@ Swizzling ultimately means you have to maintain some additional React code that ## Wrapping your site with `` {#wrapper-your-site-with-root} -The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping card state...). +The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping cart state...). Swizzle it **manually** by creating a file at `src/theme/Root.js`: diff --git a/website/versioned_docs/version-2.1.0/swizzling.mdx b/website/versioned_docs/version-2.1.0/swizzling.mdx index 390a598713..fe7a593c53 100644 --- a/website/versioned_docs/version-2.1.0/swizzling.mdx +++ b/website/versioned_docs/version-2.1.0/swizzling.mdx @@ -308,7 +308,7 @@ Swizzling ultimately means you have to maintain some additional React code that ## Wrapping your site with `` {#wrapper-your-site-with-root} -The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping card state...). +The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping cart state...). Swizzle it **manually** by creating a file at `src/theme/Root.js`: diff --git a/website/versioned_docs/version-2.2.0/swizzling.mdx b/website/versioned_docs/version-2.2.0/swizzling.mdx index 390a598713..fe7a593c53 100644 --- a/website/versioned_docs/version-2.2.0/swizzling.mdx +++ b/website/versioned_docs/version-2.2.0/swizzling.mdx @@ -308,7 +308,7 @@ Swizzling ultimately means you have to maintain some additional React code that ## Wrapping your site with `` {#wrapper-your-site-with-root} -The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping card state...). +The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping cart state...). Swizzle it **manually** by creating a file at `src/theme/Root.js`: diff --git a/website/versioned_docs/version-2.3.1/swizzling.mdx b/website/versioned_docs/version-2.3.1/swizzling.mdx index 390a598713..fe7a593c53 100644 --- a/website/versioned_docs/version-2.3.1/swizzling.mdx +++ b/website/versioned_docs/version-2.3.1/swizzling.mdx @@ -308,7 +308,7 @@ Swizzling ultimately means you have to maintain some additional React code that ## Wrapping your site with `` {#wrapper-your-site-with-root} -The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping card state...). +The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping cart state...). Swizzle it **manually** by creating a file at `src/theme/Root.js`: diff --git a/website/versioned_docs/version-2.4.0/swizzling.mdx b/website/versioned_docs/version-2.4.0/swizzling.mdx index 390a598713..fe7a593c53 100644 --- a/website/versioned_docs/version-2.4.0/swizzling.mdx +++ b/website/versioned_docs/version-2.4.0/swizzling.mdx @@ -308,7 +308,7 @@ Swizzling ultimately means you have to maintain some additional React code that ## Wrapping your site with `` {#wrapper-your-site-with-root} -The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping card state...). +The `` component is rendered at the **very top** of the React tree, above the theme ``, and **never unmounts**. It is the perfect place to add stateful logic that should not be re-initialized across navigations (user authentication status, shopping cart state...). Swizzle it **manually** by creating a file at `src/theme/Root.js`: