Obsidian adds unnecessary slashes to my code-block & removes all tabs /t

Help
1

I’m trying to paste the following code:

import * as React from 'react'
import { Image } from 'react-konva'
import useImage from 'use-image'
import Konva from 'konva'

import { useFrameItStore } from '@/store/index'

export const SiteImage = () => {
	const imageRef = React.useRef<Konva.Image>(null)
	const [imageUrl, setImageUrl] = React.useState('')
	const [image] = useImage(imageUrl)
	const frameItStore = useFrameItStore()
	const browser = frameItStore.browser

	React.useEffect(() => {
		chrome.runtime.onMessage.addListener((url) => {
			setImageUrl(url)
		})
	}, [])

	React.useEffect(() => {
		if (image) {
			imageRef.current?.cache()
			imageRef.current?.getLayer()?.batchDraw()
		}
	}, [image])

	return (
		<Image
			ref={imageRef}
			image={image}
			width={browser.width}
			height={browser.height}
			filters={[Konva.Filters.Blur, Konva.Filters.Brighten]}
			blurRadius={10}
		/>
	)
}

And Obsidian makes it like:

import \* as React from 'react'

import { Image } from 'react-konva'

import useImage from 'use-image'

import Konva from 'konva'

  

import { useFrameItStore } from '@/store/index'

  

export const SiteImage \= () \=> {

const imageRef \= React.useRef<Konva.Image\>(null)

const \[imageUrl, setImageUrl\] \= React.useState('')

const \[image\] \= useImage(imageUrl)

const frameItStore \= useFrameItStore()

const browser \= frameItStore.browser

  

React.useEffect(() \=> {

chrome.runtime.onMessage.addListener((url) \=> {

setImageUrl(url)

})

}, \[\])

  

React.useEffect(() \=> {

if (image) {

imageRef.current?.cache()

imageRef.current?.getLayer()?.batchDraw()

}

}, \[image\])

  

return (

<Image

ref\={imageRef}

image\={image}

width\={browser.width}

height\={browser.height}

filters\={\[Konva.Filters.Blur, Konva.Filters.Brighten\]}

blurRadius\={10}

/>

)

}

It adds unnecessary slashes. Plus the tabbing is off. I only have 1 third-party plugin installed for Syntax highlighting. Not sure what’s wrong?

2

there is nothing wrong. We added an html to markdown converter and you are probably copying from browser or browser like application. Use paste as text, ctrl-shift-v, or drag-shift-drop

2 Likes