When using the cache on a particular component the cache causes the server to return some unexpected behaviour.
example: const MyComponent = (props) => (<div>{props.name}</div>)
MyComponent: {
templateAttrs: ['name']
}
Now on the server side, I pass in something with a html equivalent value:
<MyComponent name={'My Name & name 2'} />
this gets put in the cache as something like: <div>${name}</div>
When MyComponent is pulled from the cache and string replaced, & is placed instead of &.
The next time the component is rendered it returns &amp; If caching is not enabled the problem is not present.