Merge pull request #259 from mirumee/fix/product-description

Fix disappearing products description

CHANGELOG.md

@@ -10,6 +10,7 @@ All notable, unreleased changes to this project will be documented in this file.
 - Fix subcategories pagination - #249 by @dominik-zeglen
 - Update customer's details page design - #248 by @dominik-zeglen
 - Use Apollo Hooks - #254 by @dominik-zeglen
+- Fix disappearing products description - #259 by @dominik-zeglen
 
 ## 2.0.0
 

src/products/components/ProductCreatePage/ProductCreatePage.tsx

@@ -112,7 +112,11 @@ export const ProductCreatePage: React.FC<ProductCreatePageProps> = ({
     set: setAttributeData
   } = useFormset<ProductAttributeInputData>([]);
 
-  const initialDescription = convertToRaw(ContentState.createFromText(""));
+  // Ensures that it will not change after component rerenders, because it
+  // generates different block keys and it causes editor to lose its content.
+  const initialDescription = React.useRef(
+    convertToRaw(ContentState.createFromText(""))
+  );
   const initialData: FormData = {
     basePrice: 0,
     category: "",
@@ -219,7 +223,7 @@ export const ProductCreatePage: React.FC<ProductCreatePageProps> = ({
                   data={data}
                   disabled={disabled}
                   errors={errors}
-                  initialDescription={initialDescription}
+                  initialDescription={initialDescription.current}
                   onChange={change}
                 />
                 <CardSpacer />