Skip to content

Plasma UI <Input /> Causes Blank Screen in Vite + React Setup #2242

@THARUNAVULA-143

Description

@THARUNAVULA-143

Environment:
React 18
Vite 7.1.5
Plasma UI (latest via npm)
macOS (local dev)
Fresh project scaffolded with npm create vite@latest

Problem: When I use Plasma UI’s component inside a simple form, the entire UI goes blank. No errors appear in the browser console. Basic JSX renders fine, but as soon as is added, the screen goes white.

What I’ve Tried:

  • Wrapped the app in DeviceThemeProvider with light theme from @salutejs/plasma-tokens/themes
  • Added inside the provider
  • Imported @salutejs/plasma-core in main.jsx
  • Verified that onChange={({ value }) => setName(value)} is used correctly
  • Removed deprecated lightEva theme
  • Removed invalid import @salutejs/plasma-ui/styles (caused Vite build error)
  • Downgraded Plasma UI to 3.0.0 — same result
  • Replaced Plasma with native — works fine
  • No console errors, no crash logs, just a blank screen

Minimal Repro:
jsx

import { Input } from '@salutejs/plasma-ui';

function App() {
  const [name, setName] = useState('');

  return (
    <DeviceThemeProvider theme={light}>
      <GlobalStyle />
      <Input
        placeholder="Your name"
        value={name}
        onChange={({ value }) => setName(value)}
      />
    </DeviceThemeProvider>
  );
}

Expected Behavior:
Plasma UI should render inside a properly wrapped app. Instead, it causes a silent crash with no error output.

Request:

  • Is there a required setup step I’m missing?
  • Is this a known issue with Plasma UI and Vite?
  • Any workaround or debug method to trace the silent failure?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions