Merge branch 'main' of https://github.com/remotion-dev/template-helloworld-javascript

Author: JonnyBurger

.gitignore

@@ -1,3 +1,5 @@
 node_modules
 dist
 .DS_Store
+
+out

package.json

@@ -12,15 +12,15 @@
 	"repository": {},
 	"license": "UNLICENSED",
 	"dependencies": {
-		"@remotion/bundler": "^2.0.0",
-		"@remotion/cli": "^2.0.0",
-		"@remotion/eslint-config": "^2.0.0",
-		"@remotion/renderer": "^2.0.0",
+		"@remotion/bundler": "^2.3.2",
+		"@remotion/cli": "^2.3.2",
+		"@remotion/eslint-config": "^2.3.2",
+		"@remotion/renderer": "^2.3.2",
 		"eslint": "^7.15.0",
 		"express": "^4.17.1",
 		"prettier": "^2.2.1",
 		"react": "^17.0.2",
 		"react-dom": "^17.0.2",
-		"remotion": "^2.0.0"
+		"remotion": "^2.3.2"
 	}
 }

src/HelloWorld.jsx

@@ -24,10 +24,10 @@ export const HelloWorld = ({titleText, titleColor}) => {
 				<Sequence from={0} durationInFrames={videoConfig.durationInFrames}>
 					<Logo transitionStart={transitionStart} />
 				</Sequence>
-				<Sequence from={transitionStart + 10} durationInFrames={Infinity}>
+				<Sequence from={transitionStart + 10} >
 					<Title titleText={titleText} titleColor={titleColor} />
 				</Sequence>
-				<Sequence from={transitionStart + 50} durationInFrames={Infinity}>
+				<Sequence from={transitionStart + 50} >
 					<Subtitle />
 				</Sequence>
 			</div>