chore: finalize repository state after v0.0.4 release and deployment

Author: ATHARVA262005

README.md

@@ -19,9 +19,9 @@
 - **JSON-LD**: Typed Schema.org components with **Dev Validation**.
 - **Social Preview**: Built-in development overlay.
 
-## 🎯 Live Demo
+## 🎯 Website
 
-**[See the Social Preview in action →](https://react-meta-seo-demo.vercel.app)**
+**[Visit the Website & Documentation →](https://react-meta-seo.vercel.app)**
 
 Deploy the `example/` directory to see all features working live.
 

SECURITY.md

@@ -0,0 +1,18 @@
+# Security Policy
+
+## Supported Versions
+
+| Version | Supported          |
+| ------- | ------------------ |
+| 0.0.x   | :white_check_mark: |
+
+## Reporting a Vulnerability
+
+Use this section to tell people how to report a vulnerability.
+
+Tell them where to go, how often they can expect to get an update on a
+reported vulnerability, what to expect if the vulnerability is accepted or
+rejected, etc.
+
+Please report vulnerabilities via email to ralegankaratharva@gmail.com.
+We aim to acknowledge receipt within 48 hours.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-meta-seo",
-    "version": "0.0.3",
+    "version": "0.0.4",
     "description": "The definitive SEO library for React 19. Zero-runtime overhead, compatible with RSC, type-safe JSON-LD, Sitemap generator, and Social Preview debugger.",
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",
@@ -64,7 +64,7 @@
     "bugs": {
         "url": "https://github.com/atharva262005/react-meta/issues"
     },
-    "homepage": "https://react-meta-seo-demo.vercel.app",
+    "homepage": "https://react-meta-seo.vercel.app",
     "peerDependencies": {
         "react": "^19.0.0",
         "react-dom": "^19.0.0",

src/components/SocialPreview/index.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { useSyncExternalStore, useState, memo } from 'react';
+import { useSyncExternalStore, useState, memo, useEffect } from 'react';
 
 interface PreviewData {
     title: string;
@@ -84,8 +84,18 @@ export const SocialPreview = memo(function SocialPreview({ forceVisible }: Socia
         getMetaSnapshot // Server snapshot (same as client for this use case)
     );
 
+    const [isMounted, setIsMounted] = useState(false);
     const [activeTab, setActiveTab] = useState<'google' | 'twitter'>('google');
 
+    // Fix Hydration Mismatch: Only render on client via useEffect
+    useEffect(() => {
+        setIsMounted(true);
+    }, []);
+
+    if (!isMounted) {
+        return null;
+    }
+
     return (
         <div className="social-preview-overlay">
             <div className="social-preview-container">

website/.gitignore

@@ -39,3 +39,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+.vercel