chore: copying correct props folder and build succesfully.

injectLatestProps.js

@@ -38,11 +38,10 @@ try {
 
   // Point 4
   cpDir.sync(
-    "./react-native-elements/website/docs/main",
+    "./react-native-elements/website/docs/main/props",
     "./src/content/Props"
   );
   console.log("✔️ Copied Props to src/content/Props");
 } catch (err) {
   console.error(err);
-  return;
-}
+}

src/content/AirbnbRating/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./airbnbrating.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/rating.md"));
+const Content = lazy(() => importMDX("../Props/AirbnbRating.mdx"));
 
 export default function AirbnbPlayground() {
   return (

src/content/Avatar/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./avatar.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/avatar.md"));
+const Content = lazy(() => importMDX("../Props/Avatar.mdx"));
 
 export default function Avatar() {
   return (

src/content/Badge/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./badge.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/badge.md"));
+const Content = lazy(() => importMDX("../Props/Badge.mdx"));
 
 export default function TilePlayground() {
   return (

src/content/BottomSheet/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./bottomsheet.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/bottomsheet.md"));
+const Content = lazy(() => importMDX("../Props/BottomSheet.mdx"));
 export default function BottomSheetPlayground() {
   return (
     <div>

src/content/Button/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./button.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/button.md"));
+const Content = lazy(() => importMDX("../Props/Button.mdx"));
 
 class App extends Component {
   render() {

src/content/ButtonGroup/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./buttongroup.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/button_group.md"));
+const Content = lazy(() => importMDX("../Props/ButtonGroup.mdx"));
 
 export default function ButtonGroupPlayground() {
   return (

src/content/Card/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./card.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/card.md"));
+const Content = lazy(() => importMDX("../Props/Card.mdx"));
 
 export default function CardPlayground() {
   return (

src/content/CheckBox/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./checkbox.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/checkbox.md"));
+const Content = lazy(() => importMDX("../Props/CheckBox.mdx"));
 
 export default function CheckBoxPlayground() {
   return (

src/content/Divider/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./divider.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/divider.md"));
+const Content = lazy(() => importMDX("../Props/Divider.mdx"));
 
 export default function DividerPlayground() {
   return (

src/content/FAB/index.jsx

@@ -4,7 +4,7 @@ import { importMDX } from "mdx.macro";
 import PropDrawer from "../../components/PropDrawer";
 import Playground from "./fab.playground";
 
-const Content = lazy(() => importMDX("../Props/fab.md"));
+const Content = lazy(() => importMDX("../Props/FAB.mdx"));
 
 export default function FabPlayground() {
   return (

src/content/Header/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./header.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/header.md"));
+const Content = lazy(() => importMDX("../Props/Header.mdx"));
 
 export default function HeaderPlayground() {
   return (

src/content/Icon/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./icon.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/icon.md"));
+const Content = lazy(() => importMDX("../Props/Icon.mdx"));
 
 export default function IconPlayground() {
   return (

src/content/Image/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./input.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/image.md"));
+const Content = lazy(() => importMDX("../Props/Image.mdx"));
 
 export default function ImagePlayground() {
   return (

src/content/Input/index.jsx

@@ -4,7 +4,7 @@ import { importMDX } from "mdx.macro";
 import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./input.playground.jsx";
-const Content = lazy(() => importMDX("../Props/input.md"));
+const Content = lazy(() => importMDX("../Props/Input.mdx"));
 
 export default function InputPlayground() {
   return (

src/content/LinearProgress/index.jsx

@@ -3,7 +3,7 @@ import { importMDX } from "mdx.macro";
 
 import PropDrawer from "../../components/PropDrawer";
 import Playground from "./linearprogress.playground";
-const Content = lazy(() => importMDX("../Props/linearProgress.md"));
+const Content = lazy(() => importMDX("../Props/LinearProgress.mdx"));
 
 export default function LinearProgressPlayground() {
   return (

src/content/ListItem/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Playground from "./listitem.playground.jsx";
 import Spinner from "../../containers/Spinner";
 
-const Content = lazy(() => importMDX("../Props/listitem.md"));
+const Content = lazy(() => importMDX("../Props/ListItem.mdx"));
 
 export default function ListItemPlayground() {
   return (

src/content/Overlay/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./overlay.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/overlay.md"));
+const Content = lazy(() => importMDX("../Props/Overlay.mdx"));
 
 export default function OverlayPlayground() {
   return (

src/content/Pricing/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./pricing.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/pricing.md"));
+const Content = lazy(() => importMDX("../Props/PricingCard.mdx"));
 
 export default function PricingPlayground() {
   return (

src/content/Rating/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Playground from "./rating.playground.jsx";
 import Spinner from "../../containers/Spinner";
 
-const Content = lazy(() => importMDX("../Props/rating.md"));
+const Content = lazy(() => importMDX("../Props/Rating.mdx"));
 
 export default function RatingPlayground() {
   return (

src/content/SearchBar/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./searchbar.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/searchbar.md"));
+const Content = lazy(() => importMDX("../Props/SearchBar.mdx"));
 
 export default function SearchBarPlayground() {
   return (

src/content/Slider/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./slider.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/slider.md"));
+const Content = lazy(() => importMDX("../Props/Slider.mdx"));
 
 export default function SliderPlayground() {
   return (

src/content/SocialIcon/index.jsx

@@ -4,7 +4,7 @@ import { importMDX } from "mdx.macro";
 import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./socialicon.playground.jsx";
-const Content = lazy(() => importMDX("../Props/social_icons.md"));
+const Content = lazy(() => importMDX("../Props/SocialIcon.mdx"));
 
 export default function SocialIconPlayground() {
   return (

src/content/SpeedDial/index.jsx

@@ -4,7 +4,7 @@ import { importMDX } from "mdx.macro";
 import PropDrawer from "../../components/PropDrawer";
 import Playground from "./speeddial.playground";
 
-const Content = lazy(() => importMDX("../Props/speeddial.md"));
+const Content = lazy(() => importMDX("../Props/SpeedDial.mdx"));
 
 export default function SpeedDialPlayground() {
   return (

src/content/Switch/index.jsx

@@ -3,7 +3,7 @@ import { importMDX } from "mdx.macro";
 
 import PropDrawer from "../../components/PropDrawer";
 import Playground from "./switch.playground.jsx";
-const Content = lazy(() => importMDX("../Props/switch.md"));
+const Content = lazy(() => importMDX("../Props/Switch.mdx"));
 
 export default function SwitchPlayground() {
   return (

src/content/Tab/index.jsx

@@ -3,7 +3,7 @@ import { importMDX } from "mdx.macro";
 
 import PropDrawer from "../../components/PropDrawer";
 import Playground from "./tab.playground.jsx";
-const Content = lazy(() => importMDX("../Props/tab.md"));
+const Content = lazy(() => importMDX("../Props/Tab.mdx"));
 
 export default function TabPlayground() {
   return (

src/content/Text/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./text.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/text.md"));
+const Content = lazy(() => importMDX("../Props/Text.mdx"));
 
 export default function TextPlayground() {
   return (

src/content/Tile/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./tile.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/tile.md"));
+const Content = lazy(() => importMDX("../Props/Tile.mdx"));
 
 export default function TilePlayground() {
   return (

src/content/ToolTip/index.jsx

@@ -5,7 +5,7 @@ import PropDrawer from "../../components/PropDrawer";
 import Spinner from "../../containers/Spinner";
 import Playground from "./tooltip.playground.jsx";
 
-const Content = lazy(() => importMDX("../Props/tooltip.md"));
+const Content = lazy(() => importMDX("../Props/Tooltip.mdx"));
 
 export default function ToolTipPlayground() {
   return (