diff --git a/docs/public/android-preview.png b/docs/public/android-preview.png
deleted file mode 100644
index a0c26d8ec30..00000000000
Binary files a/docs/public/android-preview.png and /dev/null differ
diff --git a/docs/public/angular-preview.png b/docs/public/angular-preview.png
deleted file mode 100644
index 4ffad25a427..00000000000
Binary files a/docs/public/angular-preview.png and /dev/null differ
diff --git a/docs/public/flutter-preview.png b/docs/public/flutter-preview.png
deleted file mode 100644
index a0c26d8ec30..00000000000
Binary files a/docs/public/flutter-preview.png and /dev/null differ
diff --git a/docs/public/preview.png b/docs/public/preview.png
deleted file mode 100644
index 15b15ea59b5..00000000000
Binary files a/docs/public/preview.png and /dev/null differ
diff --git a/docs/public/react-native-preview.png b/docs/public/react-native-preview.png
deleted file mode 100644
index a0c26d8ec30..00000000000
Binary files a/docs/public/react-native-preview.png and /dev/null differ
diff --git a/docs/public/react-preview.png b/docs/public/react-preview.png
deleted file mode 100644
index 8fcc388fbcb..00000000000
Binary files a/docs/public/react-preview.png and /dev/null differ
diff --git a/docs/public/swift-preview.png b/docs/public/swift-preview.png
deleted file mode 100644
index a0c26d8ec30..00000000000
Binary files a/docs/public/swift-preview.png and /dev/null differ
diff --git a/docs/public/vue-preview.png b/docs/public/vue-preview.png
deleted file mode 100644
index 366c9f84c21..00000000000
Binary files a/docs/public/vue-preview.png and /dev/null differ
diff --git a/docs/src/data/preview.ts b/docs/src/data/preview.ts
index 068b2e89835..42af2fa77fe 100644
--- a/docs/src/data/preview.ts
+++ b/docs/src/data/preview.ts
@@ -9,4 +9,4 @@ export const PREVIEW_LINK_COLOR = '#5C6670';
* if we need to change the image in future, we have to change the image names.
* ref: https://developers.facebook.com/docs/sharing/webmasters/images/
*/
-export const PREVIEW_VERSION = '3';
+export const PREVIEW_VERSION = '4';
diff --git a/docs/src/pages/Head.tsx b/docs/src/pages/Head.tsx
index 56b76fb8af4..18e4b119c4e 100644
--- a/docs/src/pages/Head.tsx
+++ b/docs/src/pages/Head.tsx
@@ -53,13 +53,13 @@ export const Head = () => {
@@ -71,7 +71,7 @@ export const Head = () => {
);
diff --git a/docs/src/utils/previews.ts b/docs/src/utils/previews.ts
index a6e15e06380..ce786d28f30 100644
--- a/docs/src/utils/previews.ts
+++ b/docs/src/utils/previews.ts
@@ -1,9 +1,11 @@
-import slugify from 'slugify';
+// import slugify from 'slugify';
import { PREVIEW_VERSION } from '../data/preview';
+// For now dynamic social images are disabled
+// hard-coding a preview image based on platform until resolved
export const getImagePath = (name: string) => {
- const slug = slugify(name.replace(/\W+/g, ' '));
-
- return `/previews/${slug.length > 0 ? slug : 'react'}-${PREVIEW_VERSION}.png`;
+ // const slug = slugify(name.replace(/\W+/g, ' '));
+ // return `/previews/${slug.length > 0 ? slug : 'react'}-${PREVIEW_VERSION}.png`;
+ return `/previews/${name}-${PREVIEW_VERSION}.png`;
};