chore: add bun

package.json

@@ -19,6 +19,7 @@
     "react": "^18.2.0",
     "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
+    "react-error-boundary": "^4.0.13",
     "react-icons": "^5.0.1",
     "react-qrcode-logo": "^2.9.0",
     "zustand": "^4.5.2"

src/App.tsx

@@ -1,9 +1,9 @@
 import html2canvas from 'html2canvas';
 import { useRef } from 'react';
 import { QRCode } from 'react-qrcode-logo';
+import { Box, Button, Flex, Heading, Input, InputGroup, InputLeftElement } from '@chakra-ui/react';
 import { IoSaveOutline } from 'react-icons/io5';
 import { FaQrcode } from 'react-icons/fa6';
-import { Box, Button, Flex, Heading, Input, InputGroup, InputLeftElement } from '@chakra-ui/react';
 import { useImageUploadStore } from './store/useImageUpload';
 import { useQrOptionsStore } from './store/useQrOptionStore';
 import { useColorPicker } from './store/useQrColorPicker';

src/main.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { ChakraProvider } from '@chakra-ui/react';
-import { ErrorBoundery } from './ErrorBoundery';
+import { ErrorBoundary } from 'react-error-boundary';
 import App from './App';
 import './index.css';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-	<React.StrictMode>
-		<ErrorBoundery fallback={<h1>An Error Has Occured</h1>}>
-			<ChakraProvider>
-				<App />
-			</ChakraProvider>
-		</ErrorBoundery>
-	</React.StrictMode>
+  <React.StrictMode>
+    <ErrorBoundary fallback={<h1>An Error Has Occured</h1>}>
+      <ChakraProvider>
+        <App />
+      </ChakraProvider>
+    </ErrorBoundary>
+  </React.StrictMode>,
 );