A file has `'use client'` at the top and imports a second module that has NO directive. How does the bundler/React treat that imported module's components at the boundary?

// utils.js (no directive) export function Badge() { return <em>new</em>; } // Panel.jsx 'use client'; import { Badge } from './utils.js'; export function Panel() { return <Badge />; }