less scary warning message

src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts

@@ -116,7 +116,7 @@ export default class InlineComponentWrapper extends Wrapper {
 		if (variable.reassigned || variable.export_name || variable.is_reactive_dependency) {
 			this.renderer.component.warn(this.node, {
 				code: 'reactive-component',
-				message: `<${name} /> will not be reactive. Use <svelte:component this={${name}} /> if you want reactivity.`,
+				message: `<${name}/> will not be reactive if ${name} changes. Use <svelte:component this={${name}}/> if you want this reactivity.`,
 			});
 		}
 	}

test/validator/samples/component-dynamic/warnings.json

@@ -1,7 +1,7 @@
 [
 	{
 		"code": "reactive-component",
-    "message": "<Let /> will not be reactive. Use <svelte:component this={Let} /> if you want reactivity.",
+    "message": "<Let/> will not be reactive if Let changes. Use <svelte:component this={Let}/> if you want this reactivity.",
     "pos": 190,
 		"end": {
 			"character": 197,
@@ -15,7 +15,7 @@
 		}
 	},
 	{
-    "message": "<ExportLet /> will not be reactive. Use <svelte:component this={ExportLet} /> if you want reactivity.",
+    "message": "<ExportLet/> will not be reactive if ExportLet changes. Use <svelte:component this={ExportLet}/> if you want this reactivity.",
 		"code": "reactive-component",
     "pos": 198,
 		"end": {
@@ -30,7 +30,7 @@
 		}
 	},
 	{
-    "message": "<Reactive /> will not be reactive. Use <svelte:component this={Reactive} /> if you want reactivity.",
+    "message": "<Reactive/> will not be reactive if Reactive changes. Use <svelte:component this={Reactive}/> if you want this reactivity.",
 		"code": "reactive-component",
     "pos": 212,
 		"end": {