Hotloading TSX files with interfaces does not seem to be working #1442

New Issue

fergalmoran · 2025-08-09T17:20:09Z

fergalmoran commented

2025-08-09 17:20:09 +00:00

Originally created by @odinnix on 8/11/2016

This might be my setup, but hotloading React modules crashes if you reference an interface:

IFormInput.ts

export interface IFormInput
{
   Value?: string;
   OnModelChange?: Function;
   PropertyName?: string;
   ValidationError?: string;
}

React Module

import {IFormInput} from "./IFormInput";

@observer
export default class FormInputGroup extends React.Component<IFormInput, any>
{
 ...trimmed react code
}

Webpack builds everything fine and the application works, however when I make a change and the hotloader fires I get several errors around the interface:

*Originally created by @odinnix on 8/11/2016* This might be my setup, but hotloading React modules crashes if you reference an interface: **IFormInput.ts** ``` export interface IFormInput { Value?: string; OnModelChange?: Function; PropertyName?: string; ValidationError?: string; } ``` **React Module** ``` import {IFormInput} from "./IFormInput"; @observer export default class FormInputGroup extends React.Component<IFormInput, any> { ...trimmed react code } ``` Webpack builds everything fine and the application works, however when I make a change and the hotloader fires I get several errors around the interface: ![image](https://cloud.githubusercontent.com/assets/4975773/17597725/6c26524c-5fb4-11e6-88b4-252b11fa7564.png)

fergalmoran closed this issue

2025-08-09 17:20:09 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/JavaScriptServices#1442