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

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": {

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: {

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"]
 }

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",

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' {

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

packages/react-form/src/utils/isBrowser.ts

@@ -1,3 +0,0 @@
-/* c8 ignore start */
-export const isBrowser = typeof window !== 'undefined'
-/* c8 ignore end */

packages/react-form/src/utils/useIsomorphicLayoutEffect.ts

@@ -1,6 +0,0 @@
-/* c8 ignore start */
-import { useEffect, useLayoutEffect } from 'react'
-import { isBrowser } from './isBrowser'
-
-export const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect
-/* c8 ignore end */

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"]
 }

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"
+  ]
+}

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'] }),
 ])