react-ckeditor | CKEditor component for React with plugin and custom event | Frontend Utils library

I'm facing problems after update @atalaskit/form from version 2.1.2 to the latest version (5.2.7).

This new update makes use of export { default } from './File' which I think my babel and/or webpack doesn't support.

So far I found out that create-react-app 2.1.8 runs well this syntax.

Also, I found this kind of syntax here: https://github.com/tc39/proposal-export-default-from

I tried to include this proposal in my .babelrc file but the error stands.

@atlaskit/form/index.js (Where the error comes)

I am currently building a react application with a .net core back end. My current issue lies in a view that is meant to edit an article (which is made up of only a title and description). On componentDidMount, I am getting the route param id from the route and retrieving the article from the server with it (I've verified that this works correctly). My issue is that my form is not filling out with the fetched data. I'm of the understanding that since the form fields set to this.state... then they should update as the state updates however this is not what I'm seeing. I believe the issue is may lie with the warning I'm receiving in console:

index.js:2177 Warning: A component is changing a controlled input of type hidden to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component.

I've read the documentation the warning points to and am not seeing how my component violates this.

My component is below in full:

I have an npm imported component (CKEditor) that only cares about the state of its parent component at the time it mounts. I.e., no matter what changes occur in the state of the parent component, CKEditor won't reflect those changes if it has already mounted.

This is an issue for me because I need CKEditor to change based on the state of the parent component when the parent component changes its language prop.

Is there a way for me to make a child component unmount and mount again from the parent component? For example, is there a way for me to unmount and mount again a child component based on the parent component's "componentWillReceiveProps"?

I'm trying to develop a simple CMS for my page. I want it to where I can edit and delete a users reply on click of a button. I got the delete functionality done so I figured for the reply functionality I would use CKeditor. What I'm struggling with is not being able to disable the autoinline feature. I can still select my div on load of the page rather than clicking a button to enable the inline feature but I don't know what I am doing wrong?

I have tried setting the feature directly in my index.html file, a custom js script file and the config.js ckeditor file but none worked. I am using Ckeditor 4.

this is the snippit of code I'm trying to use to disable inline on my div element but it's not working and I don't know why, i currently have it placed in a custom.js script file and I'm calling it from my index.html file

CKEDITOR.disableAutoInline = true;

Here is my code for my replies page:

I built a map through my render and I got everything working as intended however I found a small bug in my code where when I hit the edit button, it changes all the edit buttons through the map. How can I only change the edit icon for that specific map icon instead of it affecting all the others through my renders map?

Here is my code:

I use CKEditor For a simple mail form in react, which looks like this: