Preview broken?

[codeagencybe]

Hello

I'm trying to render a simple registration/login modal form.
After it's ready, it's only showing me 2 buttons, no forms.
But if I check the code, everything is there.

I tried with a few components so far, and it keeps repeating this by returning an incomplete preview.
I also tried by iterating changes to it, but it remains same problem./

Example:

Code output I got back:

`
import { Button } from '@/components/ui/button';
import { Dialog } from '@/components/ui/dialog';
import { DialogContent } from '@/components/ui/dialog';
import { DialogTrigger } from '@/components/ui/dialog';
import { Input } from '@/components/ui/input';
import { Tabs } from '@/components/ui/tabs';
import { TabsContent } from '@/components/ui/tabs';
import { TabsTrigger } from '@/components/ui/tabs';
import { Lock } from 'lucide-react';
import { Mail } from 'lucide-react';
import { UserCircle2 } from 'lucide-react';
import React from 'react';
"use client";

const RegistrationLoginModal_BHE62: React.FC = () => {

return (


Sign in / Register



Login
Register

      <TabsContent value="login" className="p-4">
        <div className="mb-4 flex items-center">
          <UserCircle2 className="h-4 w-4 mr-2" />
          <Input type="text" placeholder="Username" />
        </div>
        <div className="mb-4 flex items-center">
          <Lock className="h-4 w-4 mr-2" />
          <Input type="password" placeholder="Password" />
        </div>
        <Button variant="outline" className="w-full">Login</Button>
      </TabsContent>

      <TabsContent value="register" className="p-4">
        <div className="mb-4 flex items-center">
          <UserCircle2 className="h-4 w-4 mr-2" />
          <Input type="text" placeholder="Username" />
        </div>
        <div className="mb-4 flex items-center">
          <Mail className="h-4 w-4 mr-2" />
          <Input type="email" placeholder="Email" />
        </div>
        <div className="mb-4 flex items-center">
          <Lock className="h-4 w-4 mr-2" />
          <Input type="password" placeholder="Password" />
        </div>
        <div className="mb-4 flex items-center">
          <Lock className="h-4 w-4 mr-2" />
          <Input type="password" placeholder="Confirm Password" />
        </div>
        <Button variant="outline" className="w-full bg-green-500 text-white">Register</Button>
      </TabsContent>
    </Tabs>
  </DialogContent>
</Dialog>

);
};

export default RegistrationLoginModal_BHE62;
`