refactor: react fast refresh

build/flecks.yml

@@ -73,7 +73,6 @@
     - '@babel/core'
     - '@babel/parser'
     - '@babel/types'
-    - '@hot-loader/react-dom'
     - '@pixi/constants'
     - '@pixi/core'
     - '@pixi/display'
@@ -93,6 +92,8 @@
     - 'matter-js'
     - 'pako'
     - 'react'
+    - 'react-dom'
+    - 'react-refresh/runtime'
     - 'react-hex-editor'
     - 'react-json-editor-ajrm'
     - 'react-window'

package.json

@@ -11,7 +11,7 @@
     "build": "FLECKS_ENV__flecks_server__start=0 npm run build:only",
     "build:only": "flecks build",
     "debug": "DEBUG=*,-babel* npm run dev",
-    "dev": "npm run -- build:only -h",
+    "dev": "npm run -- build:only -dh",
     "link-all": "yarn && for i in avocado humus persea; do yarn link $(for j in $(ls node_modules/@$i/); do echo \" @$i/$j\"; done); done",
     "postinstall": "patch-package",
     "refresh": "rm -rf yarn.lock node_modules dist && yarn link-all",

packages/core/src/components/persea/index.jsx

@@ -1,6 +1,5 @@
 import {
   React,
-  hot,
 } from '@flecks/react';
 
 import useLocalStorage from '../../hooks/use-local-storage';
@@ -23,4 +22,4 @@ Persea.displayName = 'Persea';
 
 Persea.propTypes = {};
 
-export default hot(module)(Persea);
+export default Persea;