Add 'use client' directive to AsyncRenderFunction components for client-side rendering support

Author: Example User

react_on_rails_pro/spec/dummy/client/app/ror-auto-load-components/AsyncRenderFunctionReturnsComponent.client.jsx

@@ -1,3 +1,5 @@
+'use client';
+
 // Top level component for simple client side only rendering
 import React from 'react';
 

react_on_rails_pro/spec/dummy/client/app/ror-auto-load-components/AsyncRenderFunctionReturnsComponent.server.jsx

@@ -1,3 +1,5 @@
+'use client';
+
 // Top level component for simple client side only rendering
 import React from 'react';
 import EchoProps from '../components/EchoProps';

react_on_rails_pro/spec/dummy/client/app/ror-auto-load-components/AsyncRenderFunctionReturnsString.client.jsx

@@ -1,3 +1,5 @@
+'use client';
+
 // Top level component for simple client side only rendering
 import React from 'react';
 

react_on_rails_pro/spec/dummy/client/app/ror-auto-load-components/AsyncRenderFunctionReturnsString.server.jsx

@@ -1,3 +1,5 @@
+'use client';
+
 // Top level component for simple client side only rendering
 import React from 'react';
 import { renderToString } from 'react-dom/server';