Uncaught ReferenceError: tinymce is not defined about tinymce-react HOT 5 CLOSED

You're using the wrong tinymce-react package. https://www.npmjs.com/package/tinymce-react is not us. This is the correct npm package: https://www.npmjs.com/package/@tinymce/tinymce-react.
yarn add @tinymce/tinymce-react

Also, when setup correctly, tinymce is a global variable. So the ref error you're getting, hints at the global not being assigned. But anyway, as a first step, install our package and yarn remove tinymce-react

from tinymce-react.

@danoaky-tiny thanks for writing back. I've made sure the correct @tinymce/tinymce-react package is now installed. The package.json says "@tinymce/tinymce-react": "^4.3.2" and "tinymce": "^7.0.0". But, I still get the same problem. Where in the application should the TineMCE editor instance get instantiated? I suspect either that isn't happening, or it's happening in the wrong place. I don't think there is any global tinymce variable. I would appreciate your advice.

from tinymce-react.

If you followed the setup steps more or less how they are right now: within BundledTinyMceEditor.tsx, try replacing:

// TinyMCE so the global var exists
// eslint-disable-next-line no-unused-vars
import tinymce from 'tinymce/tinymce';

With this:

import 'tinymce/tinymce';

I noticed you're also using TinyMCE version 7, which will also require a license key. You can read more here https://www.tiny.cloud/docs/tinymce/7/license-key/

from tinymce-react.

@danoaky-tiny the import 'tinymce/tinymce'; fixed the problem! I'm not sure how that is different than import tinymce from 'tinymce/tinymce';, but it is. The editor is now rendering and seems to be working. Regarding the license key, it appears that I can do the following to declare that I'm using TinyMCE under the GPL license, in the init property:
license_key: 'gpl',

Is there any reason you can think of why this won't work? Now I just need to get image and file uploads configured and working.
Thanks again.

from tinymce-react.

No worries, glad to have helped.

As for why the named import of TinyMCE didn't work for you, it's hard to say without seeing your bundler, bundler config, etc. My guess is it could be that your bundler is removing that line as it thinks it's dead code, as in tinymce isn't directly used in that file.

And using 'gpl' just means you're agreeing to self host TinyMCE under the GPL license, and yes you can do that, if that's the case for you.
https://www.tiny.cloud/docs/tinymce/7/license-key/#use-tinymce-with-the-gplv2-license

from tinymce-react.