Solid.js: SVG の使い方 (TypeScript)

次のページを参考にしました。
導入/JSX

プロジェクトの作成

npx degit solidjs/templates/ts svg01
cd svg01
npm i
npm run dev

src/App.tsx を改造

src/App.tsx

import type { Component } from 'solid-js';
import { render } from 'solid-js/web';

const App: Component = () => {
  return (
    <>
      <div>Five Circles</div>
	<blockquote>
      <div>Jun/24/2022</div>
	</blockquote>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="30" cy="20" r="10" stroke="cyan" fill="none"/>
  <circle cx="50" cy="20" r="10" stroke="black" fill="none"/>
  <circle cx="70" cy="20" r="10" stroke="red" fill="none"/>
  <circle cx="40" cy="37.32" r="10" stroke="yellow" fill="none"/>
  <circle cx="60" cy="37.32" r="10" stroke="green" fill="none"/>
</svg>
    </>
  )

}

export default App

ブラウザーで http://localhost:3000/ にアクセス