-
Notifications
You must be signed in to change notification settings - Fork 23
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?
Metadata
Metadata
Assignees
Labels
No labels