Skip to content

"Attempted import error: 'useForm' is not exported from 'react-hook-form'" #10801

Open
@j0nas

Description

@j0nas

What you were expecting:

When I build my Next.js app, no RA-related error/warn logs should appear.

What happened instead:

When I build the app, the following warnings/errors are logged:

   ▲ Next.js 15.3.3                                                                                                                           
   - Environments: .env.local                                                                                                                 
                                                                                                                                              
   Creating an optimized production build ...                                                                                                 
 ⚠ Compiled with warnings in 40.0s                                                                                                            
                                                                                                                                              
./node_modules/ra-core/dist/esm/controller/input/useReferenceArrayInputController.js                                                          
Attempted import error: 'useWatch' is not exported from 'react-hook-form' (imported as 'useWatch').                                           
                                                                                                                                              
Import trace for requested module:                                                                                                            
./node_modules/ra-core/dist/esm/controller/input/useReferenceArrayInputController.js                                                          
./node_modules/ra-core/dist/esm/controller/input/index.js                                                                                     
./node_modules/ra-core/dist/esm/controller/index.js                                                                                           
./node_modules/ra-core/dist/esm/index.js                                                                                                      
./node_modules/react-admin/dist/esm/index.js                                                                                                  
./node_modules/ra-data-simple-prisma/dist/index.mjs                                                                                           
./app/api/admin/[resource]/route.ts                                                                                                           
                                                                                                                                              
./node_modules/ra-core/dist/esm/form/FilterLiveForm.js                                                                                        
Attempted import error: 'useForm' is not exported from 'react-hook-form' (imported as 'useForm').                                             
                                                                                                                                              
Import trace for requested module:                                                                                                            
./node_modules/ra-core/dist/esm/form/FilterLiveForm.js                                                                                        
./node_modules/ra-core/dist/esm/form/index.js                                                                                                 
./node_modules/ra-core/dist/esm/index.js                                                                                                      
./node_modules/react-admin/dist/esm/index.js                                                                                                  
./node_modules/ra-data-simple-prisma/dist/index.mjs                                                                                           
./app/api/admin/[resource]/route.ts                                                                                                           
                                                                                                                                              
./node_modules/ra-core/dist/esm/form/Form.js                                                                                                  
Attempted import error: 'FormProvider' is not exported from 'react-hook-form' (imported as 'FormProvider').                                   
                                                                                                                                              
Import trace for requested module:                                                                                                            
./node_modules/ra-core/dist/esm/form/Form.js                                                                                                  
./node_modules/ra-core/dist/esm/form/index.js                                                                                                 
./node_modules/ra-core/dist/esm/index.js                                                                                                      
./node_modules/react-admin/dist/esm/index.js                                                                                                  
./node_modules/ra-data-simple-prisma/dist/index.mjs                                                                                           
./app/api/admin/[resource]/route.ts                                                                                                           
                                                                                                                                              
./node_modules/ra-core/dist/esm/form/groups/useFormGroup.js                                                                                   
Attempted import error: 'useFormState' is not exported from 'react-hook-form' (imported as 'useFormState').                                   
                                                                                                                                              
Import trace for requested module:                                                                                                            
./node_modules/ra-core/dist/esm/form/groups/useFormGroup.js                                                                                   
./node_modules/ra-core/dist/esm/form/groups/index.js                                                                                          
./node_modules/ra-core/dist/esm/form/index.js                                                                                                 
./node_modules/ra-core/dist/esm/index.js                                                                                                      
./node_modules/react-admin/dist/esm/index.js                                                                                                  
./node_modules/ra-data-simple-prisma/dist/index.mjs                                                                                           
./app/api/admin/[resource]/route.ts                                                                                                           
                                                                                                                                              
./node_modules/ra-core/dist/esm/form/useAugmentedForm.js                                                                                      
Attempted import error: 'useForm' is not exported from 'react-hook-form' (imported as 'useForm').                                             

Import trace for requested module:                                     
./node_modules/ra-core/dist/esm/form/useAugmentedForm.js               
./node_modules/ra-core/dist/esm/form/index.js                          
./node_modules/ra-core/dist/esm/index.js                               
./node_modules/react-admin/dist/esm/index.js                           
./node_modules/ra-data-simple-prisma/dist/index.mjs                    
./app/api/admin/[resource]/route.ts                                    

./node_modules/ra-core/dist/esm/form/useFormValues.js                  
Attempted import error: 'useWatch' is not exported from 'react-hook-form' (imported as 'useWatch').                                           

Import trace for requested module:                                     
./node_modules/ra-core/dist/esm/form/useFormValues.js                  
./node_modules/ra-core/dist/esm/form/FormDataConsumer.js               
./node_modules/ra-core/dist/esm/form/index.js                          
./node_modules/ra-core/dist/esm/index.js                               
./node_modules/react-admin/dist/esm/index.js                           
./node_modules/ra-data-simple-prisma/dist/index.mjs                    
./app/api/admin/[resource]/route.ts                                    

./node_modules/ra-core/dist/esm/form/useWarnWhenUnsavedChanges.js      
Attempted import error: 'useFormState' is not exported from 'react-hook-form' (imported as 'useFormState').                                   

Import trace for requested module:                                     
./node_modules/ra-core/dist/esm/form/useWarnWhenUnsavedChanges.js      
./node_modules/ra-core/dist/esm/form/index.js                          
./node_modules/ra-core/dist/esm/index.js                               
./node_modules/react-admin/dist/esm/index.js                           
./node_modules/ra-data-simple-prisma/dist/index.mjs                    
./app/api/admin/[resource]/route.ts                                    

./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/button/SaveButton.js                                                        
Attempted import error: 'useFormContext' is not exported from 'react-hook-form' (imported as 'useFormContext').                               

Import trace for requested module:                                     
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/button/SaveButton.js                                                        
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/button/index.js                                                             
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/index.js                                                                    
./node_modules/react-admin/dist/esm/index.js                           
./node_modules/ra-data-simple-prisma/dist/index.mjs                    
./app/api/admin/[resource]/route.ts                                    

./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/input/ArrayInput/ArrayInput.js                                              
Attempted import error: 'useFormContext' is not exported from 'react-hook-form' (imported as 'useFormContext').                               

Import trace for requested module:                                     
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/input/ArrayInput/ArrayInput.js                                              
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/input/ArrayInput/index.js                                                   
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/input/index.js                                                              
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/index.js                                                                    
./node_modules/react-admin/dist/esm/index.js                           
./node_modules/ra-data-simple-prisma/dist/index.mjs                    
./app/api/admin/[resource]/route.ts                                    

./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/input/ArrayInput/SimpleFormIterator.js                                      
Attempted import error: 'useFormContext' is not exported from 'react-hook-form' (imported as 'useFormContext').                               

Import trace for requested module:                                     
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/input/ArrayInput/SimpleFormIterator.js                                      
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/input/ArrayInput/index.js                                                   
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/input/index.js                                                              
./node_modules/react-admin/node_modules/ra-ui-materialui/dist/esm/index.js                                                                    
./node_modules/react-admin/dist/esm/index.js                           
./node_modules/ra-data-simple-prisma/dist/index.mjs                    
./app/api/admin/[resource]/route.ts                                    

 ✓ Linting and checking validity of types                              
 ✓ Collecting page data            
 ✓ Generating static pages (68/68)                                     
 ✓ Collecting build traces         
 ✓ Finalizing page optimization                                        

Steps to reproduce:

I get the logs when next build runs.

Environment

  • React-admin version: 5.9.0
  • Last version that did not exhibit the issue (if applicable): N/A?
  • React version: 19.1
  • Browser: N/A, terminal
  • Stack trace (in case of a JS error): see above

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions