diff --git a/package.json b/package.json
index ced9a34..9d20b4e 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
"react-icons": "^4.7.1",
"react-infinite-scroll-component": "^6.1.0",
"react-no-ssr": "^1.1.0",
+ "react-ogp": "^0.0.3",
"sass": "^1.58.1",
"usehooks-ts": "^2.9.1",
"zod": "^3.20.2"
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 2e8a9b5..f3f57db 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -10,6 +10,8 @@ import IconCatalog from "@components/render/IconCatalog";
import NoSSR from 'react-no-ssr';
import InfiniteScroll from "react-infinite-scroll-component";
import useFocus from "@utils/useFocus";
+import { OGP } from "react-ogp";
+import {env} from "../env.mjs";
export type IconIdentifierPair = { id: string, setId: string };
const icons = iconList as IconIdentifierPair[];
@@ -60,8 +62,14 @@ const Home: NextPage = () => {
<>
Icons
-
+
diff --git a/yarn.lock b/yarn.lock
index 01fb10c..c510143 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2175,6 +2175,11 @@ react-no-ssr@^1.1.0:
dependencies:
babel-runtime "6.x.x"
+react-ogp@^0.0.3:
+ version "0.0.3"
+ resolved "https://registry.yarnpkg.com/react-ogp/-/react-ogp-0.0.3.tgz#f3d49ff49e593576778f6a11824a4ccb2d8b427d"
+ integrity sha512-+m5my7G6dxzN79e1e/M5VV2MmM2sXrTqs+hfL8sFHsjWn4PMv3P8eD/aMSHPibvp6BYsiFCeWMMSzcqUCIQr9w==
+
react@18.2.0:
version "18.2.0"
resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"