Custom Dynamic Data not rendered after reload builder

Browser: Chrome 102
OS: Windows
URL: Link to a page that illustrates this issue
Video:
bricks_dd

I add my custom DD, which just returns the SVG element. When I first load the page in the builder and place my custom element in the right place, it is immediately rendered and everything displays well (both in the builder and in the frontend). However, if after saving and closing the builder, I reopen the same page in the builder and my custom DD won’t render in the builder (it will only render in the frontend). If after that I remove DD and reload the bilder, and then add DD again, it will be rendered again directly in the bilder.

At the same time, if I stopped displaying my custom DD, then adding any other DD next to it will render my custom DD as well. And if I now remove the second DD (which is next to it), my custom DD won’t render again.

My custom DD:

case 'pb_btn_arrow':
				$value = ( '
				<svg class="HoverArrow" width="10" height="10" viewBox="0 0 10 10" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
				 xmlns:xlink="http://www.w3.org/1999/xlink">
					<g fill-rule="evenodd">
						<path class="HoverArrow__linePath" d="M0 5h7" />
						<path class="HoverArrow__tipPath" d="M1 1l4 4-4 4" />
					</g>
				</svg>
			' );
				$context = 'custom';

				break;