Fixes editor not saving new value (#8379)

Co-authored-by: CarinaWolli <wollencarina@gmail.com>

apps/web/components/getting-started/steps-views/UserProfile.tsx

@@ -35,6 +35,7 @@ const UserProfile = (props: IUserProfileProps) => {
   const router = useRouter();
   const createEventType = trpc.viewer.eventTypes.create.useMutation();
   const telemetry = useTelemetry();
+  const [firstRender, setFirstRender] = useState(true);
 
   const mutation = trpc.viewer.updateProfile.useMutation({
     onSuccess: async (_data, context) => {
@@ -147,6 +148,8 @@ const UserProfile = (props: IUserProfileProps) => {
           getText={() => md.render(getValues("bio") || user?.bio || "")}
           setText={(value: string) => setValue("bio", turndown(value))}
           excludedToolbarItems={["blockType"]}
+          firstRender={firstRender}
+          setFirstRender={setFirstRender}
         />
         <p className="dark:text-inverted text-default mt-2 font-sans text-sm font-normal">
           {t("few_sentences_about_yourself")}

apps/web/pages/settings/my-account/profile.tsx

@@ -320,6 +320,7 @@ const ProfileForm = ({
   extraField?: React.ReactNode;
 }) => {
   const { t } = useLocale();
+  const [firstRender, setFirstRender] = useState(true);
 
   const profileFormSchema = z.object({
     username: z.string(),
@@ -385,6 +386,8 @@ const ProfileForm = ({
           }}
           excludedToolbarItems={["blockType"]}
           disableLists
+          firstRender={firstRender}
+          setFirstRender={setFirstRender}
         />
       </div>
       <Button disabled={isDisabled} color="primary" className="mt-8" type="submit">

packages/features/ee/teams/pages/team-profile-view.tsx

@@ -4,6 +4,7 @@ import { MembershipRole } from "@prisma/client";
 import { useSession } from "next-auth/react";
 import Link from "next/link";
 import { useRouter } from "next/router";
+import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { z } from "zod";
 
@@ -52,6 +53,7 @@ const ProfileView = () => {
   const router = useRouter();
   const utils = trpc.useContext();
   const session = useSession();
+  const [firstRender, setFirstRender] = useState(true);
 
   const mutation = trpc.viewer.teams.update.useMutation({
     onError: (err) => {
@@ -225,6 +227,8 @@ const ProfileView = () => {
                   setText={(value: string) => form.setValue("bio", turndown(value))}
                   excludedToolbarItems={["blockType"]}
                   disableLists
+                  firstRender={firstRender}
+                  setFirstRender={setFirstRender}
                 />
               </div>
               <p className="text-default mt-2 text-sm">{t("team_description")}</p>

packages/features/eventtypes/components/CreateEventTypeDialog.tsx

@@ -4,6 +4,7 @@ import { MembershipRole } from "@prisma/client";
 import { isValidPhoneNumber } from "libphonenumber-js";
 import { useRouter } from "next/router";
 import { useEffect } from "react";
+import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 
@@ -79,6 +80,7 @@ export default function CreateEventTypeDialog({
 }) {
   const { t } = useLocale();
   const router = useRouter();
+  const [firstRender, setFirstRender] = useState(true);
 
   const {
     data: { teamId, eventPage: pageSlug },
@@ -221,6 +223,8 @@ export default function CreateEventTypeDialog({
                   setText={(value: string) => form.setValue("description", turndown(value))}
                   excludedToolbarItems={["blockType", "link"]}
                   placeholder={t("quick_video_meeting")}
+                  firstRender={firstRender}
+                  setFirstRender={setFirstRender}
                 />
 
                 <div className="relative">