There is a crash report after installing the library

[vkochatkov]

Expected Behavior

Hi,
I saw a similar problem here but it is not clear how to solve this problem.
I want to work with this library on the project. And I have a crash report after running:

Actual Behavior

./node_modules/scratch-paint/src/containers/paint-editor.jsx 308:12
Module parse failed: Unexpected token (308:12)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|     render () {
|         return (
>             <PaintEditorComponent
|                 canRedo={this.props.shouldShowRedo}
|                 canUndo={this.props.shouldShowUndo} 

It does not work in any react project that I have.

Steps to Reproduce

Simple way: create a blank react project with e.g. CRA with type-script, npm install scratch-paint

import React from 'react'
import PaintEditor from 'scratch-paint'

const App = () => {
  return (
    <>
        <PaintEditor imageFormat="svg" rtl={true} />
    </>
  )
}

export default App

System Details

NPM 6.14.6

[BryceLTaylor]

Does it work if you import from scratch-paint/dist?

[vkochatkov]

Hi, thank you for your answer. No, it does not work. Чт, 5 мая 2022 г. в 23:28, Bryce Taylor ***@***.***>:

…

Does it work if you import from scratch-paint/dist? — Reply to this email directly, view it on GitHub <#1974 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASFEUEKZ5MPJTYCN53KWYVDVIQVOZANCNFSM5VBCCFPA> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[shaheerqb]

Facing the same issue. any solution to this problem ?