-
Notifications
You must be signed in to change notification settings - Fork 27
Plasma UI <Input /> Causes Blank Screen in Vite + React Setup #2242
Copy link
Copy link
Open
Description
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?
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels