TypeError: Failed to set an indexed property [0] on 'CSSStyleDeclaration

Hi guys, I faced with this error


TypeError: Failed to set an indexed property [0] on 'CSSStyleDeclaration': Indexed property setter is not supported.
    at setValueForStyle (http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=5deb1073:2145:452)
    at setValueForStyles (http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=5deb1073:2192:55
    
    
    
    My code
    <Document > 
                <Page>
                    <Html>{html}</Html>
                </Page>
            </Document>
            
      My HTML
       const html = `<html>
  <body>
    <style>
      .my-heading4 {
        background: darkgreen;
        color: white;
      }
      pre {
        background-color: #eee;
        padding: 10px;
      }
    </style>
    <h1>Heading 1</h1>
    <h2 style="background-color: pink">Heading 2</h2>
    <h3>Heading 3</h3>
    <h4 class="my-heading4">Heading 4</h4>
    <p>
      Paragraph with <strong>bold</strong>, <i>italic</i>, <u>underline</u>,
      <s>strikethrough</s>,
      <strong><u><s><i>and all of the above</i></s></u></strong>
    </p>
    <p>
      <a href="http://google.com">link</a>
    </p>
    <hr />
    <ul>
      <li>Unordered item</li>
      <li>Unordered item</li>
    </ul>
    <ol>
      <li>Ordered item</li>
      <li>Ordered item</li>
    </ol>
    <br /><br /><br /><br /><br />
    Text outside of any tags
    <table>
      <thead>
        <tr>
          <th>Column 1</th>
          <th>Column 2</th>
          <th>Column 3</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Foo</td>
          <td>Bar</td>
          <td>Foobar</td>
        </tr>
        <tr>
          <td colspan="2">Foo</td>
          <td>Bar</td>
        </tr>
        <tr>
          <td>Some longer thing</td>
          <td>Even more content than before!</td>
          <td>Even more content than before!</td>
        </tr>
      </tbody>
    </table>
    <div style="width: 200px; height: 200px; background: pink"></div>
  </body>
</html>
`;

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

TypeError: Failed to set an indexed property [0] on 'CSSStyleDeclaration #110

Heading 1

Heading 2

Heading 3

Heading 4

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Column 1	Column 2	Column 3
Foo	Bar	Foobar
Foo		Bar
Some longer thing	Even more content than before!	Even more content than before!

TypeError: Failed to set an indexed property [0] on 'CSSStyleDeclaration #110

Description

Heading 1

Heading 2

Heading 3

Heading 4

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions