fix demo

storyblok · Sep 13, 2023 · 8fb28aa · 8fb28aa
1 parent 97c362f
commit 8fb28aa
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 21 deletions.
diff --git a/packages/demo/src/components/FieldPluginDemo.tsx b/packages/demo/src/components/FieldPluginDemo.tsx
@@ -1,18 +1,22 @@
 import { FunctionComponent } from 'react'
 import { Box, Typography } from '@mui/material'
-import { useFieldPlugin } from '../useFieldPlugin'
 import { LoadingIcon, SquareErrorIcon } from '@storyblok/mui'
 import { FieldPluginActions, FieldPluginData } from '@storyblok/field-plugin'
+import { useFieldPlugin } from '@storyblok/field-plugin/react'
 import { ModalView } from './ModalView'
 import { NonModalView } from './NonModalView'
 
+type Content = unknown
+
 export type PluginComponent = FunctionComponent<{
-  data: FieldPluginData
-  actions: FieldPluginActions
+  data: FieldPluginData<Content>
+  actions: FieldPluginActions<Content>
 }>
 
 export const FieldPluginDemo: FunctionComponent = () => {
-  const { type, data, actions } = useFieldPlugin()
+  const { type, data, actions } = useFieldPlugin({
+    parseContent: (content: Content) => content,
+  })
 
   if (type === 'loading') {
     return (

diff --git a/packages/demo/src/useFieldPlugin.ts b/packages/demo/src/useFieldPlugin.ts
diff --git a/packages/demo/tsconfig.json b/packages/demo/tsconfig.json
@@ -1,8 +1,11 @@
 {
   "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "moduleResolution": "Bundler"
+  },
   "include": [
     "src/**/*.ts",
     "src/**/*.d.ts",
-    "src/**/*.tsx",
+    "src/**/*.tsx"
   ]
 }
diff --git a/packages/demo/vite.config.ts b/packages/demo/vite.config.ts
@@ -25,6 +25,13 @@ export default defineConfig({
               '../field-plugin/src/index.ts',
             ),
           },
+          {
+            find: /^@storyblok\/field-plugin\/react$/,
+            replacement: path.resolve(
+              __dirname,
+              '../field-plugin/helpers/react/src/index.ts',
+            ),
+          },
         ],
   },
   server: {