image export failing
geikobogdan opened this issue · comments
I have my apiKey and project id, but when I try to execute imageExport
func I received 401. Attached screenshots with request details (request headers/url, payload). Code:
import { Editor } from "react-email-editor/dist/types"
const EmailEditorNoSSR = dynamic(() => import("react-email-editor").then((mod) => mod.default), { ssr: false })
const projectId = 11111 //your project id
export const EmailBuilderModal: FC<EmailBuilderProps> = ({ open, setOpen }) => {
const emailEditorRef = useRef<EditorRef | null>(null)
const onReady = (editor: Editor | null) => {
if (editor) {
emailEditorRef.current = {
editor: editor,
exportHtml: editor.exportHtml.bind(editor),
}
setIsLoading(true)
}
}
const saveImage = async () => {
if (emailEditorRef.current && emailEditorRef.current.editor) {
emailEditorRef.current.editor.exportImage(({ design }) => {
console.log(design, "design")
}) // 401 error
}
}
return (
<EmailEditorNoSSR
projectId={projectId}
ref={emailEditorRef}
onReady={onReady}
/>
)
})
![Screenshot 2024-03-21 at 13 11 47](https://private-user-images.githubusercontent.com/56224886/315267415-f541d6d1-5d02-48a1-a758-4ea0dc129989.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzMzU5NDksIm5iZiI6MTcyMTMzNTY0OSwicGF0aCI6Ii81NjIyNDg4Ni8zMTUyNjc0MTUtZjU0MWQ2ZDEtNWQwMi00OGExLWE3NTgtNGVhMGRjMTI5OTg5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE4VDIwNDcyOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRlOWNmNDhiNGY2ODFiOTE1MWM1ZDNlMjdmMmFkYTNlMjM5ZTc4ZDJjODMwY2MzODc2YzQ2Njk2MmU0MWYxY2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.BvusLjCkplZIjTdGQmCqZE9qydbIzqS1bBRbdO0PAE4)
![Screenshot 2024-03-21 at 13 13 18](https://private-user-images.githubusercontent.com/56224886/315267420-f151bcda-211c-4f6a-af17-57a94a40ca8e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzMzU5NDksIm5iZiI6MTcyMTMzNTY0OSwicGF0aCI6Ii81NjIyNDg4Ni8zMTUyNjc0MjAtZjE1MWJjZGEtMjExYy00ZjZhLWFmMTctNTdhOTRhNDBjYThlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE4VDIwNDcyOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRiODlkZTkxNjc5ODg4YzA2YjM1ODUzY2UxMjhhNmE4OGJhOWQyZjYzNDFlZTk1YjQ2NGMxZDkzMmUzYjdmYTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.0xJeORlTyEWXT9C9NEqM9gwLoHZzFXP8iQjxZn27w2U)
![Screenshot 2024-03-21 at 13 13 32](https://private-user-images.githubusercontent.com/56224886/315267425-a115d8a1-99ea-4b1c-b2c6-707137860921.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzMzU5NDksIm5iZiI6MTcyMTMzNTY0OSwicGF0aCI6Ii81NjIyNDg4Ni8zMTUyNjc0MjUtYTExNWQ4YTEtOTllYS00YjFjLWIyYzYtNzA3MTM3ODYwOTIxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE4VDIwNDcyOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI0MmJkY2E3NWNiYTUwOGMwZDRmZjQwOTcyMTg5NWFiNDUyNzZhM2Q4MTNjZGFiNWVmNjIzODNhYjY2NTQ0NGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.zfeNqfxAWzP8w8Y9cHjZ0FHQ-gTzkxQdSv8jv34LdCc)