Change to improve error messages

Author: wooorm

lib/ast-to-react.js

@@ -193,7 +193,11 @@ function toReact(state, node, index, parent) {
 
 if(!basic&&typeofcomponent!=='function'){
 thrownewError(
-`Component for name \`${name}\` not defined or is not renderable`
+'Unexpected value `'+
+component+
+'` for `'+
+name+
+'`, expected component or tag name'
 )
 }
 

lib/react-markdown.js

@@ -180,17 +180,19 @@ export function ReactMarkdown(options) {
 )
 }
 
-consthastNode=processor.runSync(processor.parse(file),file)
+consthastTree=processor.runSync(processor.parse(file),file)
 
-if(hastNode.type!=='root'){
-thrownewTypeError('Expected a `root` node')
+if(hastTree.type!=='root'){
+thrownewTypeError(
+'Unexpected `'+hastTree.type+'` node, expected `root`'
+)
 }
 
 /** @type {ReactElement} */
 letresult=React.createElement(
 React.Fragment,
 {},
-childrenToReact({options,schema: html,listDepth: 0},hastNode)
+childrenToReact({options,schema: html,listDepth: 0},hastTree)
 )
 
 if(options.className){

lib/rehype-filter.js

@@ -22,7 +22,7 @@ export default function rehypeFilter(options) {
 ){
 if(options.allowedElements&&options.disallowedElements){
 thrownewTypeError(
-'Only one of `allowedElements` and `disallowedElements` should be defined'
+'Unexpected combined `allowedElements` and `disallowedElements`, expected one or the other'
 )
 }
 

test/test.jsx

@@ -558,7 +558,7 @@ test('react-markdown', async function (t) {
 disallowedElements={['a']}
 />
 )
-},/onlyoneof/i)
+},/Unexpectedcombined`allowedElements`and`disallowedElements`,expectedoneortheother/)
 }
 )
 
@@ -631,7 +631,7 @@ test('react-markdown', async function (t) {
 )
 })
 
-awaitt.test('should fail on invalid component',function(){
+awaitt.test('should fail on an invalid component',function(){
 assert.throws(function(){
 asHtml(
 <Markdown
@@ -642,7 +642,7 @@ test('react-markdown', async function (t) {
 }}
 />
 )
-},/Componentforname`h1`/)
+},/Unexpectedvalue`123`for`h1`,expectedcomponentortagname/)
 })
 
 awaitt.test('should support `null`, `undefined` in components',function(){
@@ -1204,7 +1204,7 @@ test('react-markdown', async function (t) {
 awaitt.test('should fail on a plugin replacing `root`',function(){
 assert.throws(function(){
 asHtml(<Markdownchildren="a"rehypePlugins={[plugin]}/>)
-},/Expecteda`root`node/)
+},/Unexpected`comment`node,expected`root/)
 
 functionplugin(){
 /**