@observable/@action + interface build error

what did I do:

1. create an empty react project with create-react-app --script-version=react-scripts-ts mobxtest and add deps: mobx & mobx-react
2. add a intf.ts in src dir:

export interface ITest { // if ITest is a class, build passed
  a?: string
}

export class A {  // if A is an interface, build passed
}

1. add a Store.ts in src dir:

import { action, observable } from 'mobx'
import { ITest } from './intf'

export class Store {
  @observable public t: ITest   // can't work with @observable
  @observable public testData: string = ''

  @action.bound
  public test(iTest: ITest) {  // can't work with @action.bound
    return this.testData = iTest.toString()
  }
  @action
  public test2 = (iTest: ITest) => {  // can't work with @action
    return this.testData = iTest.toString()
  }
}
export const store = new Store()

1. use store in App.tsx

import * as React from 'react';
import './App.css';

import { observer } from 'mobx-react'
import logo from './logo.svg';
import { store } from './store'

@observer
class App extends React.Component {
  public render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to React</h1>
        </header>
        {store.testData}  // use store
      </div>
    );
  }
}
export default App;

1. tsc compile success, but build with webpack report error: './intf' does not contain an export named 'ITest'

interface from file contains classes can’t work with @observable or @action

[mweststrate]

@rainmanhhh I don’t see any error in the codesandbox you’ve linked. Please provide a better reproduction

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs or questions.