Translate class import issue with TypeScript

import { Translate } from 'react-localize-redux'; Throws: Module '".../node_modules/react-localize-redux/lib/index"' has no exported member 'Translate'.

import Translate from 'react-localize-redux'; Throws: "export 'default' (imported as 'Translate') was not found in 'react-localize-redux'

import * as Translate from 'react-localize-redux'; Throws: JSX element type 'Translate' does not have any construct or call signatures.

Modifying export default class Translate extends ReactComponent<TranslateProps> {} to export class Translate extends ReactComponent<TranslateProps> {} in index.ts.d fixes the issue for me, I can use the following syntax to import Translate without any errors: import { Translate } from 'react-localize-redux';

[RikuVan]

yep I had the same issue. Seems ok, although I am still refactoring now to update with the new api.

[ryandrewjohnson]

K problem is the fix I made to make in 2.17.3 didn’t make it in. Currently the TS definition incorrectly exports Translate as default.

// current index.d.ts has this...
export default class Translate extends ReactComponent<TranslateProps> {}

// should be this...
export class Translate extends ReactComponent<TranslateProps> {}

I have the fix, but I won’t be able to publish until this evening.

In the meantime if you want to manually update your index.d.ts file this should fix the issue until I can publish a new package this evening.

@gnyekhelyi I was able to publish the fix with the proper export in v2.17.4. Please let me know if this solves the issue you’re having.