diff --git a/ts/test/components/renderComponent.tsx b/ts/test/components/renderComponent.tsx
new file mode 100644
index 000000000..cad06d5b7
--- /dev/null
+++ b/ts/test/components/renderComponent.tsx
@@ -0,0 +1,19 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { render, RenderOptions } from '@testing-library/react';
+import { AnimatePresence } from 'framer-motion';
+import { ReactElement, ReactNode } from 'react';
+import { SessionTheme } from '../../themes/SessionTheme';
+
+const Providers = ({ children }: { children: ReactNode }) => {
+  return (
+    <SessionTheme>
+      <AnimatePresence>{children}</AnimatePresence>
+    </SessionTheme>
+  );
+};
+
+const renderComponent = (ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>) =>
+  render(ui, { wrapper: Providers, ...options });
+
+export * from '@testing-library/react';
+export { renderComponent };