Use React.createElement instead of JSX

vjee · Feb 11, 2024 · c506195 · c506195
1 parent 5f5fc2e
commit c506195
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/gorgeous-goats-remember.md b/.changeset/gorgeous-goats-remember.md
@@ -0,0 +1,5 @@
+---
+"@formulier/react": patch
+---
+
+Use React.createElement instead of JSX
diff --git a/packages/react/src/field.tsx → packages/react/src/field.ts b/packages/react/src/field.tsx → packages/react/src/field.ts
diff --git a/packages/react/src/form.tsx → packages/react/src/form.ts b/packages/react/src/form.tsx → packages/react/src/form.ts
@@ -10,7 +10,7 @@ import type {FormContext, FormProviderProps, Selector} from './types.js'
 const formContext = React.createContext<FormContext<Values, Primitives> | undefined>(undefined)
 
 function FormProvider<V extends Values, P extends Primitives = Primitives>({form, children}: FormProviderProps<V, P>) {
-	return <formContext.Provider value={{form: form as Formulier<Values>}}>{children}</formContext.Provider>
+	return React.createElement(formContext.Provider, {value: {form: form as Formulier<Values>}}, children)
 }
 
 function useFormInstance<V extends Values, P extends Primitives = Primitives>() {