fix: bundler errors in React and Vue adapters should now be resolved (#…

…447) * fix: bundler errors in React and Vue adapters should now be resolved * chore: replace use-isomorphic-layout-effect with dep for RN support
TanStack · Sep 8, 2023 · e3e60cc · e3e60cc
1 parent 57c9f5f
commit e3e60cc
Show file tree

Hide file tree

Showing 12 changed files with 2,190 additions and 484 deletions.
diff --git a/examples/vue/simple/package.json b/examples/vue/simple/package.json
@@ -8,7 +8,7 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "@tanstack/vue-form": "workspace:*",
+    "@tanstack/vue-form": "^0.2.0",
     "vue": "^3.3.4"
   },
   "devDependencies": {

diff --git a/examples/vue/simple/src/App.vue b/examples/vue/simple/src/App.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { useForm } from '@tanstack/vue-form'
 import FieldInfo from './FieldInfo.vue'
-import { provideFormContext } from '@tanstack/vue-form/src'
 
 const form = useForm({
   defaultValues: {

diff --git a/packages/form-core/tsconfig.eslint.json b/packages/form-core/tsconfig.eslint.json
@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.js"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "tsup.config.js"]
 }
diff --git a/packages/react-form/package.json b/packages/react-form/package.json
@@ -62,7 +62,8 @@
   "dependencies": {
     "@tanstack/form-core": "workspace:*",
     "@tanstack/react-store": "0.1.3",
-    "@tanstack/store": "0.1.3"
+    "@tanstack/store": "0.1.3",
+    "use-isomorphic-layout-effect": "^1.1.2"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",

diff --git a/packages/react-form/src/useField.tsx b/packages/react-form/src/useField.tsx
@@ -8,7 +8,7 @@ import type {
 } from '@tanstack/form-core'
 import { FieldApi, functionalUpdate } from '@tanstack/form-core'
 import { useFormContext, formContext } from './formContext'
-import { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect'
+import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect'
 import type { UseFieldOptions } from './types'
 
 declare module '@tanstack/form-core' {

diff --git a/packages/react-form/src/useForm.tsx b/packages/react-form/src/useForm.tsx
@@ -5,7 +5,7 @@ import { useStore } from '@tanstack/react-store'
 import React, { type ReactNode, useState } from 'react'
 import { type UseField, type FieldComponent, Field, useField } from './useField'
 import { formContext } from './formContext'
-import { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect'
+import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect'
 
 declare module '@tanstack/form-core' {
   // eslint-disable-next-line no-shadow

diff --git a/packages/react-form/src/utils/isBrowser.ts b/packages/react-form/src/utils/isBrowser.ts
diff --git a/packages/react-form/src/utils/useIsomorphicLayoutEffect.ts b/packages/react-form/src/utils/useIsomorphicLayoutEffect.ts
diff --git a/packages/react-form/tsconfig.eslint.json b/packages/react-form/tsconfig.eslint.json
@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "rollup.config.js"]
+  "include": ["**/*.ts", "**/*.tsx", ".eslintrc.cjs", "tsup.config.js"]
 }
diff --git a/packages/vue-form/tsconfig.eslint.json b/packages/vue-form/tsconfig.eslint.json
@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": true
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    ".eslintrc.cjs",
+    "test-setup.ts",
+    "tsup.config.js"
+  ]
+}
diff --git a/packages/vue-form/tsup.config.js b/packages/vue-form/tsup.config.js
@@ -4,6 +4,6 @@ import { defineConfig } from 'tsup'
 import { legacyConfig, modernConfig } from '../../scripts/getTsupConfig.js'
 
 export default defineConfig([
-  modernConfig({ entry: ['src/*.ts'] }),
-  legacyConfig({ entry: ['src/*.ts'] }),
+  modernConfig({ entry: ['src/*.ts', 'src/*.tsx'] }),
+  legacyConfig({ entry: ['src/*.ts', 'src/*.tsx'] }),
 ])