framework7-react | Build full featured iOS & Android apps | Frontend Framework library

I have 2 components OptinPage (parent) and TermsOfServices (child). Optin Page is only used for rendering the TermsOfServices component, which can be reused elsewhere in the application. I want to use the state of my TermsOfServices component in my OptinPage component to display the number of conditions page (1/2, 2/2). How can I do that without Redux?

My TermsOfServices component:

I have 2 components OptinPage (parent) and TermsOfServices (child). Optin Page is only used for rendering the TermsOfServices component, which can be reused elsewhere in the application. I want to use my onSucceeded () function from my child component to my parent component. I don't see how to do it at all. Currently the result is such that when I click on the button that validates the TermsOfServices it seems to be an infinite loop, it goes on and on without closing my popup. Before I split my TermsOfServices component into a reusable component it worked fine. Before, all content was gathered in OptinPage. Any ideas? Thanks in advance

my TermsOfServices component:

When I try to initialize Framework7 and Framework7-React within a clojurescript project, using shadow-cljs I get errors like this:

I am using 3.0.0-beta.15 of framework7-react. When using the vanilla version of framework7 you create a new instance like this.

var app = new Framework7({}); I cant figure out how to access the created instance (app) in react.

import {App} from 'framework7-react'; window.f7 = f7}

In version 1 of framework7-react you could pass the "onFramework7Init" prop

I have a page component built with React.js. The page has header, content and a top toolbar.

This is the render of the component page: