fix: allow passing methods to useScrollToErrorOnSubmit hook

- Added optional methods parameter to UseScrollToErrorOnSubmitOptions
- Hook now accepts methods explicitly or falls back to context
- Updated story to pass methods explicitly to fix TypeError
- This resolves the 'Cannot read properties of null' error in Storybook

Author: codegen-sh[bot]

apps/docs/src/remix-hook-form/scroll-to-error.stories.tsx

@@ -86,6 +86,7 @@ const ScrollToErrorHookExample = () => {
 
   // Use the scroll-to-error hook with custom options
   useScrollToErrorOnSubmit({
+    methods, // Pass the methods explicitly
     offset: 100, // Account for fixed header
     behavior: 'smooth',
     shouldFocus: true,

packages/components/src/remix-hook-form/hooks/useScrollToErrorOnSubmit.ts

@@ -1,17 +1,22 @@
 import { useEffect, useMemo } from 'react';
 import { useRemixFormContext } from 'remix-hook-form';
+import type { UseRemixFormReturn } from 'remix-hook-form';
 import { type ScrollToErrorOptions, scrollToFirstError } from '../../utils/scrollToError';
 
 export interface UseScrollToErrorOnSubmitOptions extends ScrollToErrorOptions {
   delay?: number;
   enabled?: boolean;
   scrollOnServerErrors?: boolean;
   scrollOnMount?: boolean;
+  methods?: UseRemixFormReturn<any>; // Optional methods parameter
 }
 
 export const useScrollToErrorOnSubmit = (options: UseScrollToErrorOnSubmitOptions = {}) => {
-  const { formState } = useRemixFormContext();
-  const { delay = 100, enabled = true, scrollOnServerErrors = true, scrollOnMount = true, ...scrollOptions } = options;
+  // Use provided methods or fall back to context
+  const contextMethods = useRemixFormContext();
+  const { methods, delay = 100, enabled = true, scrollOnServerErrors = true, scrollOnMount = true, ...scrollOptions } = options;
+  const formMethods = methods || contextMethods;
+  const { formState } = formMethods;
 
   // Memoize scroll options to prevent unnecessary re-renders
   const memoizedScrollOptions = useMemo(