Mark the component as Raw or use shallowRef

[mrleblanc101]

In Vue 3 I get this warning:

[Vue warn]: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with markRaw or using shallowRef instead of ref.
Component that was made reactive: {__file: 'src/svg/grains/mais.svg', render: ƒ}render: ƒ render(_ctx, _cache)__file: "src/svg/grains/mais.svg"[[Prototype]]: Object