Repository navigation
<Title> warning when it's not single string #64
Description
When <Title> component children is not a single unit like <Title>{title()} | Brand</Title> it creates warning:
computations created outside a
createRootorrenderwill never be disposed
export default function About() {
const title = createMemo(() => "About");
return (
<main>
<Title>{title()} | Brand</Title>
<h1>About</h1>
<Counter />
</main>
);
}
Does not create warning:
export default function About() {
const title = createMemo(() => "About");
return (
<main>
<Title>{title() + " | Brand"}</Title>
<h1>About</h1>
<Counter />
</main>
);
}
For testing and example I used default "bare" project from npm create solid and happens when navigating away from page using it.
Reacted by Jorge González, Lukas Heizmann, Roman Kosov and Sean Alunni
Activity
[-]<Title>[/-][+]<Title> warning when it's not single string[/+]samerset-rmn commentedon Jun 23, 2026
Same issue here. Rendering the title as a single string fixes it, but this seems more like a bug than intended behavior, since the documentation doesn't mention it.
AFatNiBBa commentedon Aug 7, 2026
By looking at the code, it looks like this issue has been fixed, but the fix has not been released on NPM, was this done on purpose?