Skip to main content
The FormEngine is fully compatible with the latest versions of the Remix.
A fully functional example is available in our GitHub repository, specifically located in the examples. We encourage you to explore the code to see how the various components interact and work together seamlessly. If you have any questions or require further assistance, please don’t hesitate to reach out!

​
Code changes

Highlighted lines indicate the ones that need attention. 
// &att
var x = 42; // highlighted line of code

// &chg
var x = 42; // modified line of code

// &new
var x = 42; // added new line of code

// &del
var x = 42; // deleted line of code

​
The setup

Currently, FormEngine does not support Server-Side Rendering (SSR). To disable SSR at the component level, place FormEngine-related components in a .client.tsx file. Additionally, implement some form of dynamic loading. For example, you can use the following pattern:
viewer._index.tsx

const ViewerClient = lazy(() => import('~/components/viewer.client.js'));

export default function Viewer_index() {
  const [mounted, setMounted] = useState(false);

  useEffect(() => {
    setMounted(true);
  }, []);

  return mounted ? <ViewerClient/> : null;
}

​
Troubleshooting

The default Remix setup does not support heterogeneous modules (ESM/CJS). If you need support for heterogeneous modules, try adding a bootloader shim:
package.json
{
  //...
  "scripts": {
    "build": "remix vite:build",
    // &del>
    "dev": "remix vite:dev",
    // <&del
    // &new>
    "dev": "NODE_OPTIONS=--import=specifier-resolution-node/register remix vite:dev",
    // <&new
    //...
    "devDependencies": {
      //...
      // &new>
      "specifier-resolution-node": "^1.1.4",
      // <&new
      "tailwindcss": "^3.4.4",
      "typescript": "^5.1.6",
      "vite": "^5.1.0",
      "vite-tsconfig-paths": "^4.2.1"
    }
  }
}
Last modified on April 16, 2026