From d57fb4738d08910fae3605c4fea8dd28eda9913e Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Mon, 27 Feb 2023 09:19:22 +0100
Subject: [PATCH] :bug: (editor) Flush code editor value when closing

---
 apps/builder/src/components/CodeEditor.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/builder/src/components/CodeEditor.tsx b/apps/builder/src/components/CodeEditor.tsx
index 4f79f790e..b4bb9d0d9 100644
--- a/apps/builder/src/components/CodeEditor.tsx
+++ b/apps/builder/src/components/CodeEditor.tsx
@@ -5,7 +5,7 @@ import {
   useColorModeValue,
   useDisclosure,
 } from '@chakra-ui/react'
-import { useRef, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { useDebouncedCallback } from 'use-debounce'
 import { VariablesButton } from '@/features/variables'
 import { Variable } from 'models'
@@ -70,6 +70,13 @@ export const CodeEditor = ({
     setCarretPosition(codeEditor.current?.state?.selection.main.head ?? 0)
   }
 
+  useEffect(
+    () => () => {
+      setValue.flush()
+    },
+    [setValue]
+  )
+
   return (
     <HStack
       align="flex-end"