Почему элементы HTML не отображаются в Preact?

Я работаю над проектом Preact, и это код страницы:

return (
    <Fragment>
        <div style = {gridStyle}>
            <p>Test</p>
        </div>
        <Keyboard offset = {this.state.octaveAdj} highlightTable = {highlightTable} highlightColor = {colorIndex} />
        <KeySelector selectedKey = {selectedKey} link = {true} />
        <Playbox offset = {this.state.octaveAdj} highlightTable = {highlightTable}
          raiseOctave = {this.raiseOctave} lowerOctave = {this.lowerOctave}
          risingDisabled = {this.state.octaveAdj === MAXoctaveAdj} lowerDisabled = {this.state.octaveAdj === MINoctaveAdj}
          color = {color} />
        <ChordDetail chord = {chord} inversion = {inversion} color = {color} />
        <ChordSelector selectedKey = {selectedKey} />
    </Fragment>
);

На сервере разработки (которым управляет Parcel) все отображается так, как задумано, за исключением файла div.

gridStyleэто правильный объект JS:

const gridStyle = {
  display: 'grid',
  gridTemplateColumns: 'repeat(4, 1fr)',
  gridTemplateRows: '1fr 1fr',
};

Я пробовал убрать div и оставить только p, но ничего не меняется. Это приводит меня к выводу, что это проблема каждого собственного HTML-элемента, в отличие от компонентов, которые отображаются нормально. Но даже когда я помещаю это в компонент, вот так:

import { Component } from 'preact'

const styles = {
    display: 'grid',
    gridTemplateColumns: 'repeat(4, 1fr)',
    gridTemplateRows: '1fr 1fr', 
};

export default class Test extends Component {
    constructor() {
    super();
    }

    render() {
        return (
            <div style = {styles}>
                <p>Test</p>
            </div>  
        )
    }
}

И добавьте его в код, он все равно не рендерится.

Что можно с этим сделать?

Редактировать: Это мой .parcelrc:

{
    "extends": "@parcel/config-default",
    "transformers": {
        "*.{ts,tsx}": [
            "@parcel/transformer-typescript-tsc"
        ]
    },
    "reporters": [
        "...",
        "parcel-reporter-static-files-copy"
    ]
}