From 13b04213605ca0657dcbcd44833ba03c415d59bc Mon Sep 17 00:00:00 2001
From: Arya Emami <aryaemami59@yahoo.com>
Date: Tue, 30 Apr 2024 17:30:29 -0500
Subject: [PATCH] Replace usage of deprecated `JSX` global namespace with
 `React.JSX`

  - This change was made by running `npx types-react-codemod scoped-jsx .` in preparation for React 19.
---
 .../src/components/HomepageFeatures/index.tsx | 164 +++++++++---------
 1 file changed, 82 insertions(+), 82 deletions(-)

diff --git a/website/src/components/HomepageFeatures/index.tsx b/website/src/components/HomepageFeatures/index.tsx
index a5d8fa9e..3e293095 100644
--- a/website/src/components/HomepageFeatures/index.tsx
+++ b/website/src/components/HomepageFeatures/index.tsx
@@ -1,82 +1,82 @@
-import Heading from '@theme/Heading'
-import clsx from 'clsx'
-import type { FC } from 'react'
-import { memo } from 'react'
-import styles from './styles.module.css'
-
-interface FeatureItem {
-  title: string
-  description: JSX.Element
-}
-
-const FeatureList: FeatureItem[] = [
-  {
-    title: 'Predictable',
-    description: (
-      <>
-        Like Redux, Reselect gives users a <b>consistent mental model</b> for
-        memoizing functions. Extract input values, recalculate when any input
-        changes.
-      </>
-    )
-  },
-  {
-    title: 'Optimized',
-    description: (
-      <>
-        Reselect{' '}
-        <b>
-          minimizes the number of times expensive computations are performed
-        </b>
-        , reuses existing result references if nothing has changed, and improves
-        performance.
-      </>
-    )
-  },
-  {
-    title: 'Customizable',
-    description: (
-      <>
-        Reselect comes with fast defaults, but provides{' '}
-        <b>flexible customization options</b>. Swap memoization methods, change
-        equality checks, and customize for your needs.
-      </>
-    )
-  },
-  {
-    title: 'Type-Safe',
-    description: (
-      <>
-        Reselect is designed for <b>great TypeScript support</b>. Generated
-        selectors infer all types from input selectors.
-      </>
-    )
-  }
-]
-
-const Feature: FC<FeatureItem> = memo(({ title, description }) => {
-  return (
-    <div className={clsx('col col--3')}>
-      <div className="text--center padding-horiz--md">
-        <Heading as="h3">{title}</Heading>
-        <p>{description}</p>
-      </div>
-    </div>
-  )
-})
-
-const HomepageFeatures: FC = () => {
-  return (
-    <section className={styles.features}>
-      <div className="container">
-        <div className="row">
-          {FeatureList.map((props, idx) => (
-            <Feature key={idx} {...props} />
-          ))}
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default memo(HomepageFeatures)
+import Heading from '@theme/Heading'
+import clsx from 'clsx'
+import type { FC, JSX } from 'react'
+import { memo } from 'react'
+import styles from './styles.module.css'
+
+interface FeatureItem {
+  title: string
+  description: JSX.Element
+}
+
+const FeatureList: FeatureItem[] = [
+  {
+    title: 'Predictable',
+    description: (
+      <>
+        Like Redux, Reselect gives users a <b>consistent mental model</b> for
+        memoizing functions. Extract input values, recalculate when any input
+        changes.
+      </>
+    )
+  },
+  {
+    title: 'Optimized',
+    description: (
+      <>
+        Reselect{' '}
+        <b>
+          minimizes the number of times expensive computations are performed
+        </b>
+        , reuses existing result references if nothing has changed, and improves
+        performance.
+      </>
+    )
+  },
+  {
+    title: 'Customizable',
+    description: (
+      <>
+        Reselect comes with fast defaults, but provides{' '}
+        <b>flexible customization options</b>. Swap memoization methods, change
+        equality checks, and customize for your needs.
+      </>
+    )
+  },
+  {
+    title: 'Type-Safe',
+    description: (
+      <>
+        Reselect is designed for <b>great TypeScript support</b>. Generated
+        selectors infer all types from input selectors.
+      </>
+    )
+  }
+]
+
+const Feature: FC<FeatureItem> = memo(({ title, description }) => {
+  return (
+    <div className={clsx('col col--3')}>
+      <div className="text--center padding-horiz--md">
+        <Heading as="h3">{title}</Heading>
+        <p>{description}</p>
+      </div>
+    </div>
+  )
+})
+
+const HomepageFeatures: FC = () => {
+  return (
+    <section className={styles.features}>
+      <div className="container">
+        <div className="row">
+          {FeatureList.map((props, idx) => (
+            <Feature key={idx} {...props} />
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}
+
+export default memo(HomepageFeatures)