fix build

Author: seeden

apps/docs/app/page.tsx

@@ -18,7 +18,7 @@ function App() {
   return (
     <FacebookProvider appId="YOUR_APP_ID">
       <Login
-        scope="email,public_profile"
+        scope={['email', 'public_profile']}
         onSuccess={(response) => console.log('Login Success!', response)}
         onError={(error) => console.log('Login Failed!', error)}
       >
@@ -150,7 +150,7 @@ export default function HomePage() {
                 </h3>
                 <div className="mb-4">
                   <Login
-                    scope="email,public_profile"
+                    scope={['email', 'public_profile']}
                     onSuccess={(response) => {
                       console.log('Login Success!', response)
                       alert('Login successful! Check console for details.')
@@ -170,7 +170,7 @@ export default function HomePage() {
                 <div className="flex-1">
                   <CodeBlock 
                     code={`<Login
-  scope="email,public_profile"
+  scope={['email', 'public_profile']}
   onSuccess={(response) => console.log('Success!', response)}
   onError={(error) => console.log('Error!', error)}
 >

apps/docs/app/playground/page.tsx

@@ -399,6 +399,7 @@ function PlaygroundPageContent({ appId, setAppId, locale, setLocale }: { appId:
             >
               <ShareButton 
                 href={shareButtonHref}
+                display="popup"
                 hashtag={shareButtonHashtag || undefined}
                 className="bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors inline-flex items-center space-x-2"
               >
@@ -419,7 +420,7 @@ function PlaygroundPageContent({ appId, setAppId, locale, setLocale }: { appId:
                   <PropControl label="Render Type" description="How to render the login component">
                     <Select
                       value={loginRenderType}
-                      onChange={setLoginRenderType}
+                      onChange={(value) => setLoginRenderType(value as 'function' | 'default' | 'custom')}
                       options={[
                         { value: 'default', label: 'Default Button' },
                         { value: 'custom', label: 'Custom Styled' },
@@ -789,8 +790,8 @@ function PlaygroundPageContent({ appId, setAppId, locale, setLocale }: { appId:
 
                   <PropControl label="Width" description="Plugin width in pixels">
                     <NumberInput
-                      value={postWidth}
-                      onChange={setPostWidth}
+                      value={parseInt(postWidth)}
+                      onChange={(value) => setPostWidth(value.toString())}
                       min={350}
                       max={750}
                     />

apps/docs/app/testimonials/page.tsx

@@ -6,7 +6,15 @@ import Navigation from '@/components/Navigation'
 export default function TestimonialsPage() {
 
   // Sample testimonials (empty for now, can be populated later)
-  const testimonials = [
+  const testimonials: Array<{
+    company: string;
+    logo?: string;
+    quote: string;
+    author: string;
+    title: string;
+    useCase: string;
+    scale: string;
+  }> = [
     // Example structure:
     // {
     //   company: "Example Corp",

apps/docs/components/LiveExample.tsx

@@ -7,7 +7,7 @@ import { Eye, Code, RefreshCw } from 'lucide-react'
 
 interface LiveExampleProps {
   title: string
-  description: string
+  description: string | ReactNode
   code: string
   controls?: ReactNode
   children: ReactNode

packages/react-facebook/src/components/Login.tsx

@@ -10,14 +10,14 @@ type LoginRenderProps = {
   isDisabled: boolean;
 };
 
-export type LoginProps = LoginOptions & {
+export type LoginProps = Omit<LoginOptions, 'scope'> & {
   children?: ReactNode | ((props: LoginRenderProps) => ReactElement);
 
   onSuccess?: (response: LoginResponse) => void;
   onError?: (error: Error) => void;
   onProfileSuccess?: (profile: any) => void;
 
-  scope?: string[];
+  scope?: string | string[];
   fields?: string[];
 
 
@@ -59,7 +59,7 @@ export default function Login(props: LoginProps) {
 
     try {
       const response = await login({
-        scope: scope.join(','),
+        scope: Array.isArray(scope) ? scope.join(',') : scope,
         returnScopes,
         authType,
         rerequest,